@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap);:root{--dtoc-bg:#fffaf7;--dtoc-border:#e8d5c4;--dtoc-accent1:#c8896a;--dtoc-accent2:#8b5e3c;--dtoc-accent3:#d4a574;--dtoc-text:#3d2b1f;--dtoc-text-muted:#9b7b65;--dtoc-active-bg:#f5e8de;--dtoc-shadow:0 8px 40px rgba(138,80,43,0.12), 0 2px 12px rgba(138,80,43,0.08);--dtoc-radius:16px;--dtoc-transition:0.35s cubic-bezier(0.4, 0, 0.2, 1)}.derma-toc{position:relative;background:var(--dtoc-bg);border:1.5px solid var(--dtoc-border);border-radius:var(--dtoc-radius);box-shadow:var(--dtoc-shadow);margin:2.5em 0;overflow:hidden;font-family:'DM Sans',sans-serif;font-size:15px;animation:dtocFadeIn 0.7s ease both}.derma-toc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgb(200 137 106 / .06) 0%,transparent 60%);pointer-events:none}.derma-toc::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dtoc-accent1),var(--dtoc-accent3),var(--dtoc-accent2),var(--dtoc-accent3),var(--dtoc-accent1));background-size:200% 100%;animation:dtocShimmer 3s linear infinite}.dtoc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;cursor:pointer;user-select:none}.dtoc-header-left{display:flex;align-items:center;gap:10px}.dtoc-sparkle{font-size:14px;color:var(--dtoc-accent3);animation:dtocSpin 4s linear infinite;display:inline-block}.dtoc-title{font-family:'Cormorant Garamond',serif;font-size:1.2em;font-weight:600;color:var(--dtoc-accent2);letter-spacing:.03em}.dtoc-toggle{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--dtoc-transition);padding:0;flex-shrink:0}.dtoc-toggle:hover{background:var(--dtoc-active-bg)}.dtoc-toggle-icon{display:block;width:14px;height:2px;background:var(--dtoc-accent1);position:relative;transition:transform var(--dtoc-transition);border-radius:2px}.dtoc-toggle-icon::before,.dtoc-toggle-icon::after{content:'';position:absolute;left:0;width:100%;height:2px;background:var(--dtoc-accent1);border-radius:2px;transition:transform var(--dtoc-transition),opacity var(--dtoc-transition)}.dtoc-toggle-icon::before{top:-5px}.dtoc-toggle-icon::after{top:5px}.derma-toc.dtoc-collapsed .dtoc-toggle-icon{transform:rotate(0deg)}.derma-toc.dtoc-collapsed .dtoc-toggle-icon::before{transform:translateY(5px) rotate(45deg)}.derma-toc.dtoc-collapsed .dtoc-toggle-icon::after{transform:translateY(-5px) rotate(-45deg)}.dtoc-progress-bar{height:3px;background:rgb(200 137 106 / .15);margin:0 20px;border-radius:2px;overflow:hidden;transition:opacity var(--dtoc-transition)}.dtoc-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--dtoc-accent1),var(--dtoc-accent3));border-radius:2px;transition:width 0.1s linear}.dtoc-body{max-height:800px;overflow:hidden;transition:max-height 0.5s cubic-bezier(.4,0,.2,1),opacity 0.4s ease,padding 0.4s ease;padding:8px 0 4px}.derma-toc.dtoc-collapsed .dtoc-body{max-height:0;opacity:0;padding:0}.dtoc-list{list-style:none;margin:0;padding:0 12px 12px;counter-reset:dtoc-counter}.dtoc-item{margin:3px 0;animation:dtocSlideIn 0.5s ease both}.dtoc-item:nth-child(1){animation-delay:0.05s}.dtoc-item:nth-child(2){animation-delay:0.10s}.dtoc-item:nth-child(3){animation-delay:0.15s}.dtoc-item:nth-child(4){animation-delay:0.20s}.dtoc-item:nth-child(5){animation-delay:0.25s}.dtoc-item:nth-child(6){animation-delay:0.30s}.dtoc-item:nth-child(7){animation-delay:0.35s}.dtoc-item:nth-child(8){animation-delay:0.40s}.dtoc-item:nth-child(9){animation-delay:0.45s}.dtoc-item:nth-child(10){animation-delay:0.50s}.dtoc-item--h3>.dtoc-link{padding-left:36px!important;font-size:.9em}.dtoc-link{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;color:var(--dtoc-text);text-decoration:none!important;transition:background var(--dtoc-transition),color var(--dtoc-transition),transform var(--dtoc-transition),box-shadow var(--dtoc-transition);position:relative;overflow:hidden}.dtoc-link::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgb(200 137 106 / .15) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.5s ease}.dtoc-link:hover::before{transform:translateX(100%)}.dtoc-link:hover{background:var(--dtoc-active-bg);color:var(--dtoc-accent2);transform:translateX(4px);box-shadow:inset 3px 0 0 var(--dtoc-accent1);text-decoration:none!important}.dtoc-link.dtoc-active{background:linear-gradient(135deg,#f5e8de,#fdf3ec);color:var(--dtoc-accent2);font-weight:500;box-shadow:inset 3px 0 0 var(--dtoc-accent1),0 2px 8px rgb(200 137 106 / .2);transform:translateX(4px)}.dtoc-link.dtoc-active .dtoc-icon{color:var(--dtoc-accent1);transform:scale(1.3) rotate(45deg)}.dtoc-link.dtoc-active .dtoc-arrow{opacity:1;transform:translateX(0)}.dtoc-icon{font-size:9px;color:var(--dtoc-accent3);flex-shrink:0;transition:transform var(--dtoc-transition),color var(--dtoc-transition)}.dtoc-text{flex:1;line-height:1.4}.dtoc-arrow{font-size:13px;opacity:0;color:var(--dtoc-accent1);transform:translateX(-6px);transition:opacity var(--dtoc-transition),transform var(--dtoc-transition)}.dtoc-link:hover .dtoc-arrow{opacity:1;transform:translateX(0)}@keyframes dtocFadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dtocSlideIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@keyframes dtocShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes dtocSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dtoc-heading-flash{animation:dtocFlash 0.8s ease}@keyframes dtocFlash{0%{background:rgb(200 137 106 / .22);border-radius:6px}100%{background:#fff0}}@media (max-width:600px){.derma-toc{margin:1.8em 0;border-radius:12px}.dtoc-header{padding:14px 16px 10px}.dtoc-title{font-size:1.05em}.dtoc-list{padding:0 8px 10px}.dtoc-link{padding:8px 12px;font-size:14px}}