/* ========================================================================== CistancheUSA — homepage stylesheet Brand palette is MATCHED BY EYE from the live site screenshot. Replace the hex values in :root with the exact values from the original css/style.css when available — everything else references these tokens. Fonts: Plus Jakarta Sans (display) + Nunito Sans (body), loaded in . ========================================================================== */ :root{ --ground:#F8F6F1; --paper:#FFFFFF; --sage-wash:#EDF2E6; --sage:#D6E4CC; --warm:#F1EDE3; --hairline:#E0DACE; --ink:#1B2A15; --ink-soft:#2D3F27; --body:#4B5C44; --muted:#7A8A73; --gold:#9B6B1F; --gold-dark:#7A5218; --gold-light:#C4953A; --leaf:#2B5C20; --leaf-soft:#3D7133; --display:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; --sans:'Nunito Sans', system-ui, -apple-system, sans-serif; --wrap:1180px; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0;background:var(--ground);color:var(--body);font-family:var(--sans); font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;text-wrap:pretty; } h1,h2,h3,h4{font-family:var(--display);color:var(--ink);margin:0;line-height:1.1;letter-spacing:-0.02em;} h1{line-height:1.08;} p{margin:0;} img{max-width:100%;} a{color:var(--leaf);text-decoration:none;} a:hover{color:var(--gold-dark);} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 48px;} .lead{font-size:21px;line-height:1.6;color:var(--body);} .eb{color:var(--gold-light);} .gb{color:var(--leaf);font-weight:700;} .center{text-align:center;} .narrow{max-width:860px;margin-left:auto;margin-right:auto;} .btn{ display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700; font-size:18px;color:#fff;background:var(--gold);padding:18px 34px;border-radius:14px; box-shadow:0 12px 28px -10px rgba(155,107,31,.45);letter-spacing:-0.01em;border:none;cursor:pointer; } .btn:hover{background:var(--gold-dark);color:#fff;border-color:var(--gold-dark);} a.btn,a.btn:hover{color:#fff;} .btn svg{flex:none;} .btn-ghost{ display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700; font-size:16px;color:var(--ink);background:transparent;padding:14px 24px;border-radius:12px; border:1.5px solid var(--hairline);cursor:pointer; } .btn-ghost:hover{border-color:var(--leaf);color:var(--ink);} .card{background:var(--paper);border:1px solid var(--hairline);border-radius:20px;} /* ---------- NAV ---------- */ .nav{position:sticky;top:0;z-index:30;background:rgba(248,246,241,.88);backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);} .nav__inner{display:flex;align-items:center;justify-content:space-between;height:78px;} .logo{display:flex;align-items:center;gap:12px;} .logo__mark{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center; border-radius:50%;background:var(--warm);border:1.5px solid #D5CFC0;} .logo__text{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-0.02em;color:var(--ink);} .logo__text .dot{color:var(--gold);} .nav__links{display:flex;align-items:center;gap:38px;} .nav__links a{font-family:var(--display);font-weight:600;font-size:16px;color:var(--ink-soft);} .nav__links a.is-active{font-weight:700;color:var(--ink);position:relative;} .nav__links a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--leaf);border-radius:2px;} .nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;} /* ---------- HERO ---------- */ .hero{position:relative;overflow:hidden;background: radial-gradient(1100px 520px at 78% -6%, rgba(196,149,58,.10) 0%, rgba(196,149,58,0) 60%), radial-gradient(900px 600px at 6% 0%, var(--sage-wash) 0%, rgba(237,242,230,0) 55%), var(--ground);} .hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:84px 0 96px;} .hero h1{font-size:clamp(38px,5vw,62px);font-weight:800;} .hero__sub{margin-top:26px;max-width:540px;} .hero__actions{display:flex;align-items:center;gap:16px;margin-top:34px;flex-wrap:wrap;} .trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;} .trust span{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--ink-soft);} .trust svg{flex:none;} .product{padding:26px;box-shadow:0 30px 60px -30px rgba(41,55,31,.35);border-radius:24px;} .product__img{border-radius:16px;background:linear-gradient(160deg,var(--sage-wash),#fff);border:1px solid var(--sage); height:250px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;} .product__tag{position:absolute;top:14px;left:14px;font-family:var(--display);font-weight:700;font-size:12px; letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);background:#fff;padding:6px 11px;border-radius:20px;border:1px solid var(--sage);} .stars{display:flex;align-items:center;gap:6px;margin-top:18px;} .stars span{font-size:14px;font-weight:700;color:var(--ink-soft);margin-left:4px;} .hill{display:block;width:100%;height:120px;} /* ---------- GENERIC SECTION ---------- */ .section{padding:96px 0;} .section--sage{background:var(--sage-wash);} .section--paper{background:var(--paper);} .section--ground{background:var(--ground);} .section h2{font-size:clamp(30px,3.4vw,44px);font-weight:800;} .section__intro{margin-top:22px;} /* ---------- PROBLEM CHART ---------- */ .chart{padding:34px 38px;margin-top:44px;} .chart__head{display:flex;justify-content:space-between;align-items:baseline;} .chart__delta{font-family:var(--display);font-weight:800;font-size:15px;color:var(--gold-light);} .chart__note{font-size:14px;color:var(--muted);margin-top:6px;} /* ---------- MECHANISM ---------- */ .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px;} .feature{padding:32px;} .feature__icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:14px;background:var(--sage-wash);} .feature h3{font-size:22px;margin-top:20px;} .feature p{font-size:16px;margin-top:10px;} /* ---------- TIMELINE ---------- */ .timeline{max-width:820px;margin:46px auto 0;} .tl__item{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--hairline);} .tl__item:last-child{border-bottom:1px solid var(--hairline);} .tl__meta{display:flex;flex-direction:column;gap:8px;} .tl__wk{font-family:var(--display);font-weight:800;font-size:15px;color:var(--gold-light);letter-spacing:.02em;} .tl__icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:var(--sage-wash);} .tl__item h3{font-size:22px;} .tl__item p{font-size:16px;margin-top:8px;} /* ---------- URGENCY / DARK BANNER ---------- */ .banner{background:linear-gradient(135deg,#2E3D24,#213019);padding:78px 0;position:relative;overflow:hidden;} .banner h2{color:#fff;font-size:clamp(30px,3.4vw,42px);} .banner p{font-size:20px;line-height:1.6;color:#D8E2CC;margin-top:20px;} /* ---------- BUYING GUIDE ---------- */ .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px;} .crit{padding:30px;display:flex;gap:18px;align-items:flex-start;} .crit__icon{flex:none;display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:12px;background:var(--sage-wash);} .crit h3{font-size:20px;} .crit p{font-size:16px;margin-top:8px;} /* ---------- SAFETY ---------- */ .safety{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start;} .safety h2{font-size:clamp(28px,3vw,40px);} .safety__stack{display:grid;gap:18px;} .safety__stack h3{font-size:20px;display:flex;align-items:center;gap:10px;} .safety__stack p{font-size:16px;margin-top:10px;} .note-warn{border-color:#E7D9C4;background:#FDF8F0;} /* ---------- FAQ ---------- */ .faq{max-width:820px;margin:44px auto 0;display:grid;gap:14px;} .faq__item{padding:0;overflow:hidden;} .faq__q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:26px 30px; display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--display);} .faq__q h3{font-size:19px;} .faq__q .chev{transition:transform .25s ease;color:var(--muted);flex:none;} .faq__item.is-open .faq__q .chev{transform:rotate(180deg);color:var(--gold-light);} .faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .faq__a p{font-size:16px;padding:0 30px 26px;margin:0;} .faq__item.is-open .faq__a{max-height:320px;} /* ---------- PROOF ---------- */ .press{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:44px;margin-top:26px;opacity:.72;} .press span{font-family:var(--display);font-weight:800;font-size:22px;color:var(--ink-soft);letter-spacing:-0.02em;} .press__label{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);} .proof{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;align-items:stretch;} .proof__card{padding:34px;} .proof__card h3{font-size:24px;margin-top:18px;} .author{padding:34px;display:flex;gap:20px;align-items:center;background:var(--sage-wash);border-color:var(--sage);} .author__ava{flex:none;width:78px;height:78px;border-radius:50%;background:#fff;border:1px solid var(--sage);display:flex;align-items:center;justify-content:center;} .author__eyebrow{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);} .author h3{font-size:22px;margin-top:4px;} .author p{font-size:15px;margin-top:8px;} /* ---------- FINAL CTA ---------- */ .cta{background:linear-gradient(135deg,#2E4A24,#1C3016);padding:96px 0;position:relative;overflow:hidden;} .cta h2{color:#fff;font-size:clamp(32px,3.6vw,46px);} .cta p{font-size:20px;line-height:1.6;color:#D8E2CC;margin-top:20px;} .cta__btn{background:#fff;color:var(--gold-dark);box-shadow:0 16px 40px -14px rgba(0,0,0,.4);font-size:19px;padding:20px 40px;} .cta__btn:hover{background:#F8F6F1;color:var(--gold-dark);} .cta__trust{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;color:#fff;font-weight:600;font-size:15px;} .cta__trust span{display:inline-flex;align-items:center;gap:8px;} /* ---------- FOOTER ---------- */ .footer{background:#1E2A16;color:#C4CFB6;padding:72px 0 40px;} .footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;} .footer h4{color:#fff;font-size:15px;letter-spacing:.04em;} .footer__col{display:flex;flex-direction:column;gap:10px;margin-top:14px;font-size:15px;} .footer__col a{color:#C4CFB6;} .footer__col a:hover{color:#fff;} .footer__legal{margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);} .footer__legal p{font-size:13px;color:#8A9779;margin-top:12px;} .footer__legal p:first-child{margin-top:0;} .footer__legal strong{color:#B7C4A6;} .footer__copy{font-size:13px;color:#6F7D61;margin-top:20px;} /* ========================================================================== RESPONSIVE ========================================================================== */ @media (max-width:960px){ .wrap{padding:0 26px;} .section{padding:64px 0;} .nav__links{position:fixed;inset:78px 0 auto 0;background:var(--paper);flex-direction:column; align-items:flex-start;gap:0;padding:8px 26px 20px;border-bottom:1px solid var(--hairline); box-shadow:0 20px 40px -24px rgba(41,55,31,.4);display:none;} .nav__links.is-open{display:flex;} .nav__links a{width:100%;padding:14px 0;border-bottom:1px solid var(--hairline);font-size:17px;} .nav__links a.is-active::after{display:none;} .nav__links .btn{width:100%;justify-content:center;margin-top:12px;} .nav__toggle{display:inline-flex;} .hero__grid{grid-template-columns:1fr;gap:34px;padding:52px 0 64px;} .grid-3{grid-template-columns:1fr;gap:16px;margin-top:34px;} .grid-2{grid-template-columns:1fr;} .safety{grid-template-columns:1fr;gap:30px;} .proof{grid-template-columns:1fr;} .tl__item{grid-template-columns:1fr;gap:12px;} .tl__meta{flex-direction:row;align-items:center;gap:14px;} .footer__grid{grid-template-columns:1fr 1fr;gap:30px;} .lead{font-size:19px;} .chart{padding:24px;} } @media (max-width:560px){ .footer__grid{grid-template-columns:1fr;} .press{gap:24px;} .press span{font-size:18px;} .banner,.cta{padding:64px 0;} } /* ========================================================================== INTERIOR / ARTICLE PAGES ========================================================================== */ .page-hero{background: radial-gradient(900px 420px at 82% -10%, rgba(196,149,58,.08) 0%, rgba(196,149,58,0) 60%), var(--sage-wash); padding:56px 0 60px;border-bottom:1px solid var(--hairline);} .crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--muted);font-family:var(--display);} .crumb a{color:var(--muted);} .crumb a:hover{color:var(--gold-dark);} .crumb svg{opacity:.6;} .page-hero h1{font-size:clamp(32px,4.4vw,52px);font-weight:800;margin-top:18px;max-width:900px;} .page-hero .lead{margin-top:20px;max-width:720px;} .byline{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:15px;color:var(--body);} .byline .ava{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--sage);display:flex;align-items:center;justify-content:center;flex:none;} .byline strong{color:var(--ink);font-family:var(--display);} .article-wrap{max-width:720px;margin:0 auto;padding:0 48px;} .prose{padding:72px 0;} .prose > * + *{margin-top:26px;} .prose p + p{margin-top:38px;} .prose h2{font-size:clamp(26px,2.6vw,34px);font-weight:800;margin-top:64px;} .prose h3{font-size:22px;font-weight:700;margin-top:42px;} .prose p{font-size:18px;line-height:1.8;color:var(--body);} .prose strong{color:var(--ink-soft);} .prose ul,.prose ol{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:14px;} .prose li{position:relative;padding-left:34px;font-size:18px;line-height:1.65;color:var(--body);} .prose ul li::before{content:"";position:absolute;left:6px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--leaf);} .prose ol{counter-reset:li;} .prose ol li{counter-increment:li;} .prose ol li::before{content:counter(li);position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%; background:var(--sage-wash);color:var(--leaf);font-family:var(--display);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;} .prose a{font-weight:700;text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:3px;} .prose blockquote{margin:0;padding:22px 26px;background:var(--sage-wash);border-radius:16px;font-size:19px;color:var(--ink-soft);} .prose img{border-radius:16px;border:1px solid var(--hairline);} .callout{padding:24px 28px;border-radius:16px;background:var(--sage-wash);border:1px solid var(--sage);} .callout h3{font-size:18px;margin:0 0 8px;display:flex;align-items:center;gap:10px;} .callout p{font-size:16px;margin:0;} .callout--warn{background:#FDF8F0;border-color:#E7D9C4;} .keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0;} .keyfacts .card{padding:22px;} .keyfacts .n{font-family:var(--display);font-weight:800;font-size:28px;color:var(--gold-light);letter-spacing:-0.02em;} .keyfacts .l{font-size:14px;color:var(--body);margin-top:4px;} .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--hairline);border-radius:16px;} table.cmp{width:100%;border-collapse:collapse;min-width:520px;background:var(--paper);font-size:16px;} table.cmp th,table.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--hairline);vertical-align:top;} table.cmp thead th{font-family:var(--display);font-weight:800;color:var(--ink);background:var(--sage-wash);} table.cmp tbody tr:last-child td{border-bottom:none;} table.cmp td:first-child{font-weight:700;color:var(--ink-soft);} .inline-cta{margin:56px 0 0;padding:40px;border-radius:22px;background:linear-gradient(135deg,#2E3D24,#213019);text-align:center;} .inline-cta h2{color:#fff;font-size:28px;margin:0;} .inline-cta p{color:#D8E2CC;font-size:17px;margin:12px 0 0;} .inline-cta .btn{margin-top:22px;} .inline-cta a:not(.btn),.cta a:not(.btn),.banner a:not(.btn){color:#D8E2CC;} .related{background:var(--paper);border-top:1px solid var(--hairline);padding:64px 0;} .related h2{font-size:26px;font-weight:800;text-align:center;} .related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;} .related__card{padding:26px;display:block;} .related__card h3{font-size:19px;} .related__card p{font-size:15px;margin-top:8px;color:var(--body);} .related__card .go{margin-top:14px;display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--leaf);} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;} .form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;} .form-field label{font-family:var(--display);font-weight:700;font-size:15px;color:var(--ink-soft);} .form-field input,.form-field textarea{font-family:var(--sans);font-size:16px;padding:13px 15px;border:1.5px solid var(--hairline); border-radius:12px;background:var(--paper);color:var(--ink);width:100%;} .form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--leaf);} @media (max-width:960px){ .article-wrap{padding:0 26px;} .prose{padding:44px 0;} .keyfacts{grid-template-columns:1fr;} .related__grid{grid-template-columns:1fr;} .contact-grid{grid-template-columns:1fr;} .page-hero{padding:40px 0 44px;} } /* ========================================================================== REFRESH — added styles (nav dropdown, TOC, sidebar card, design tightening) ========================================================================== */ /* ---------- NAV DROPDOWN ---------- */ .nav__dropdown{position:relative;display:flex;align-items:center;} .nav__dropdown-toggle{background:none;border:none;cursor:pointer;font-family:var(--display);font-weight:600; font-size:16px;color:var(--ink-soft);display:flex;align-items:center;gap:4px;padding:0;line-height:1;} .nav__dropdown-toggle:hover{color:var(--gold-dark);} .nav__dropdown-toggle .chev{transition:transform .2s ease;flex:none;} .nav__dropdown.is-open .nav__dropdown-toggle .chev{transform:rotate(180deg);} .nav__dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%); min-width:252px;background:var(--paper);border:1px solid var(--hairline);border-radius:14px; box-shadow:0 20px 48px -16px rgba(41,55,31,.22);padding:6px;display:none;z-index:40;} .nav__dropdown.is-open .nav__dropdown-menu{display:flex;flex-direction:column;} .nav__dropdown-menu a{font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink-soft); padding:10px 14px;border-radius:8px;white-space:nowrap;display:block;} .nav__dropdown-menu a:hover{background:var(--sage-wash);color:var(--ink);} /* ---------- TABLE OF CONTENTS ---------- */ .toc{margin:32px 0;padding:18px 22px;border-left:3px solid var(--leaf); background:var(--sage-wash);border-radius:0 12px 12px 0;} .toc__toggle{background:none;border:none;cursor:pointer;font-family:var(--display);font-weight:700; font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:8px;padding:0;width:100%;text-align:left;} .toc__toggle .chev{transition:transform .2s ease;margin-left:auto;flex:none;} .toc.is-open .toc__toggle .chev{transform:rotate(180deg);} .toc__list{margin:10px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px;} .toc__item a{font-size:14px;line-height:1.55;color:var(--body);font-weight:500;display:block;padding:2px 0;} .toc__item a:hover{color:var(--leaf);} /* ---------- STICKY SIDEBAR CARD ---------- */ .sidebar-card{position:fixed;right:20px;top:160px;width:210px;padding:18px;background:var(--paper); border:1px solid var(--hairline);border-radius:18px;box-shadow:0 20px 50px -20px rgba(41,55,31,.28); z-index:20;opacity:0;pointer-events:none;transform:translateX(12px); transition:opacity .3s ease,transform .3s ease;display:none;} @media(min-width:1024px){.sidebar-card{display:block;}} .sidebar-card.is-visible{opacity:1;pointer-events:auto;transform:translateX(0);} .sidebar-card__close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer; width:26px;height:26px;display:flex;align-items:center;justify-content:center; border-radius:50%;color:var(--muted);padding:0;} .sidebar-card__close:hover{background:var(--sage-wash);color:var(--ink);} .sidebar-card__img{width:100%;border-radius:10px;aspect-ratio:1;object-fit:cover; background:var(--sage-wash);border:1px solid var(--sage);display:block;} .sidebar-card__img-wrap{width:100%;aspect-ratio:1;border-radius:10px;background:var(--sage-wash);border:1px solid var(--sage);display:flex;align-items:center;justify-content:center;margin-bottom:12px;} .sidebar-card__headline{font-family:var(--display);font-weight:800;font-size:16px; color:var(--ink);margin:10px 0 6px;} .sidebar-card__specs{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:5px;} .sidebar-card__specs li{font-size:13px;color:var(--body);padding-left:14px;position:relative;line-height:1.4;} .sidebar-card__specs li::before{content:"·";position:absolute;left:3px;color:var(--leaf);font-weight:800;} .sidebar-card__cta{width:100%;justify-content:center;font-size:14px;padding:11px 14px;border-radius:10px;} /* ---------- DESIGN TIGHTENING ---------- */ /* Hero heading: +10% */ .hero h1{font-size:clamp(42px,5.5vw,68px);} /* "Dying 1% Every Year" on its own line */ @media(min-width:960px){ .hero h1{white-space:pre-line;} } /* section--dark / section--green = banner and cta — minimum 80px */ .banner{padding:80px 0;} .cta{padding:96px 0;} /* Timeline: 2px green left-border connecting items */ .timeline{border-left:2px solid var(--leaf);padding-left:0;} .tl__item{padding-left:24px;border-top:1px solid var(--hairline);} .tl__item:last-child{border-bottom:1px solid var(--hairline);} /* Citation items: 13px, tighter line height */ .prose sup{font-size:11px;} .citations,ol.citations{font-size:13px;line-height:1.5;} .citations li,ol.citations li{font-size:13px;line-height:1.5;} /* ---------- MOBILE: nav dropdown inline ---------- */ @media(max-width:960px){ .nav__dropdown{flex-direction:column;align-items:flex-start;width:100%;position:static;} .nav__dropdown-toggle{width:100%;padding:14px 0;border-bottom:1px solid var(--hairline);font-size:17px;} .nav__dropdown.is-open .nav__dropdown-toggle{border-bottom-color:transparent;} .nav__dropdown-menu{position:static;transform:none;box-shadow:none;border:none;border-radius:0; padding:0 0 0 16px;min-width:0;background:none;top:auto;left:auto;} .nav__dropdown-menu a{padding:10px 0;border-bottom:1px solid var(--hairline);white-space:normal;border-radius:0;} .toc{margin:24px 0;} }