.herbal-page{
  --g950:#17241e;--g900:#273c32;--g850:#30463a;--g800:#375044;--g700:#405b49;--g600:#55705b;
  --g500:#667f68;--g400:#7f947e;--g300:#9caf9d;--g200:#c9d4c9;--g100:#e5ebe3;
  --paper:#f6f1e7;--paper2:#fbf8f2;--paper3:#eee6db;--paper4:#edf1e9;--paper5:#f1e7dd;
  --ink:#213028;--muted:#68736c;--line:rgba(39,60,50,.15);--line2:rgba(39,60,50,.28);
  --rust:#a56b4f;--rust2:#7b4e3c;--gold:#b08a58;--gold2:#d8bf88;--char:#292d2a;
  --serif:Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --container:min(calc(100% - 32px),1350px);
  color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;
  background:
    radial-gradient(circle at 8% 5%,rgba(156,175,157,.17),transparent 31rem),
    radial-gradient(circle at 92% 8%,rgba(176,138,88,.09),transparent 28rem),
    linear-gradient(180deg,var(--paper2),var(--paper));
  overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
.herbal-page,.herbal-page *,.herbal-page *::before,.herbal-page *::after{box-sizing:border-box}
.herbal-page a{color:inherit;text-underline-offset:4px}.herbal-page img,.herbal-page svg{display:block;max-width:100%}
.herbal-page button{font:inherit}.herbal-page h1,.herbal-page h2,.herbal-page h3,.herbal-page p{margin-top:0}
.herbal-page h1,.herbal-page h2,.herbal-page h3{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;text-wrap:balance}
.herbal-page p{color:var(--muted)}.herbal-page [hidden]{display:none!important}
.herbal-page :focus-visible{outline:3px solid rgba(176,138,88,.48);outline-offset:4px}
.herbal-page .container{width:var(--container);margin-inline:auto}.herbal-page .section{padding:75px 0}
.herbal-page .kicker{display:inline-flex;align-items:center;gap:10px;color:var(--g700);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.herbal-page .kicker::before{content:"";width:30px;height:1px;background:currentColor}
.herbal-page .section-title{font-size:clamp(2.42rem,4.5vw,4.8rem);line-height:1.01;margin:12px 0 18px}
.herbal-page .section-head{display:grid;grid-template-columns:minmax(0,.94fr) minmax(320px,1.06fr);gap:52px;align-items:end;margin-bottom:46px}
.herbal-page .section-head>p{max-width:740px;justify-self:end;margin-bottom:4px}
.herbal-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 21px;border:1px solid var(--g900);border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:780}
.herbal-page .btn-solid{background:var(--g900);color:#fff}.herbal-page .btn-soft{background:rgba(255,255,255,.58)}
.herbal-page .skip{position:fixed;left:16px;top:10px;z-index:200;transform:translateY(-180%);background:#fff;padding:10px 14px;border-radius:8px;font-weight:800}.herbal-page .skip:focus{transform:none}

/* header */
.herbal-page .index-note{background:var(--g950);color:#fff;font-size:.68rem}
.herbal-page .index-note .container{min-height:34px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
.herbal-page .index-dot{width:7px;height:7px;border-radius:50%;background:var(--g300)}
.herbal-page .site-header{position:sticky;top:0;z-index:90;background:rgba(251,248,242,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(39,60,50,.09)}
.herbal-page .nav-wrap{width:var(--container);min-height:76px;margin:auto;display:flex;align-items:center;gap:26px}
.herbal-page .brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.herbal-page .brand-mark{width:38px;aspect-ratio:1;border:1px solid var(--g500);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.2rem}
.herbal-page .brand-copy{display:grid;line-height:1.03}.herbal-page .brand-copy strong{font-family:var(--serif);font-size:1.08rem}.herbal-page .brand-copy small{margin-top:4px;color:var(--muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}
.herbal-page .primary-nav{display:flex;gap:21px;margin-left:auto}.herbal-page .primary-nav a{text-decoration:none;font-size:.83rem;font-weight:680}.herbal-page .primary-nav a[aria-current="page"]{color:var(--rust2)}
.herbal-page .nav-cta{margin-left:auto}.herbal-page .menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent}
.herbal-page .breadcrumb{padding-top:19px}.herbal-page .breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;font-size:.75rem;color:#7b827d}
.herbal-page .breadcrumb li+li::before{content:"/";margin-right:8px;color:#a2a8a3}.herbal-page .breadcrumb a{text-decoration:none}

/* hero */
.herbal-page .hero{padding:42px 0 0}
.herbal-page .hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(500px,1.02fr);gap:70px;align-items:stretch}
.herbal-page .hero-copy{padding:52px 0 76px}
.herbal-page .hero h1{font-size:clamp(3.95rem,6.7vw,7.2rem);line-height:.89;letter-spacing:-.064em;margin:16px 0 20px}
.herbal-page .hero h1 em{font-style:italic;color:var(--rust2)}
.herbal-page .hero-sub{font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.55rem);color:var(--g700);margin-bottom:20px}
.herbal-page .hero-lede{font-size:1.08rem;max-width:820px}.herbal-page .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.herbal-page .hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.herbal-page .hero-meta span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:.67rem;color:var(--muted);background:rgba(255,255,255,.48)}

.herbal-page .term-stage{position:relative;min-height:650px;border-radius:30px 30px 0 0;overflow:hidden;background:
  radial-gradient(circle at 72% 18%,rgba(216,191,136,.13),transparent 17rem),
  radial-gradient(circle at 16% 80%,rgba(156,175,157,.11),transparent 18rem),
  linear-gradient(145deg,#35463d,#24312a 58%,#19211d)}
.herbal-page .term-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:58px 58px;opacity:.45}
.herbal-page .term-stage svg{position:absolute;inset:3%;width:94%;height:91%}
.herbal-page .stage-label{position:absolute;left:27px;top:25px;color:#dae2dc;font-size:.64rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.herbal-page .stage-foot{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(21,28,25,.77);overflow:hidden}
.herbal-page .stage-foot div{padding:13px 14px;border-right:1px solid rgba(255,255,255,.1)}.herbal-page .stage-foot div:last-child{border-right:0}
.herbal-page .stage-foot span{display:block;color:#9fac9f;font-size:.55rem;letter-spacing:.09em;text-transform:uppercase}.herbal-page .stage-foot strong{display:block;margin-top:4px;color:#fff;font-family:var(--serif);font-size:.86rem}
.herbal-page .hero-ribbon{background:var(--g900);color:#fff}.herbal-page .hero-ribbon-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.herbal-page .hero-ribbon-cell{min-height:105px;padding:19px 23px;display:grid;align-content:center;border-right:1px solid rgba(255,255,255,.12)}.herbal-page .hero-ribbon-cell:last-child{border-right:0}
.herbal-page .hero-ribbon-cell span{font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:#a9b9ad}.herbal-page .hero-ribbon-cell strong{font-family:var(--serif);font-size:1rem}

/* direct answer */
.herbal-page .answer{padding:54px 0 72px}.herbal-page .answer-grid{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.herbal-page .answer h2{font-size:1.15rem;margin:0}.herbal-page .answer p{font-size:clamp(1.04rem,1.45vw,1.25rem);margin:0;color:var(--ink);max-width:1040px}

/* terminology map */
.herbal-page .map{background:linear-gradient(180deg,var(--paper),var(--paper3))}
.herbal-page .map-board{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.55)}
.herbal-page .map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.herbal-page .map-column{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper2)}
.herbal-page .map-column h3{font-size:1.4rem;margin:0 0 10px}.herbal-page .map-column p{font-size:.75rem}.herbal-page .map-flow{margin-top:14px;padding:13px;border-radius:12px;background:var(--g900);color:#e6ede8;font-size:.76rem;line-height:1.9}
.herbal-page .map-note{margin-top:16px;padding:14px;border-left:2px solid var(--gold);background:rgba(176,138,88,.07);font-size:.76rem;color:var(--muted)}

/* definition sections */
.herbal-page .def-split{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:start}.herbal-page .def-copy h2{font-size:clamp(2.65rem,4.55vw,4.9rem);line-height:.98;margin:13px 0 20px}
.herbal-page .def-panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55)}.herbal-page .def-panel h3{font-size:1.45rem;margin:0 0 12px}.herbal-page .def-panel p,.herbal-page .def-panel li{font-size:.75rem;color:var(--muted)}
.herbal-page .def-panel ul{padding-left:19px}
.herbal-page .true-tea{background:#efe7db}.herbal-page .herbal-tea{background:var(--paper2)}.herbal-page .tisane{background:var(--paper3)}.herbal-page .infusion{background:#efe7db}

/* comparison */
.herbal-page .compare{background:var(--g950);color:#fff}.herbal-page .compare .kicker{color:#bdc8c0}.herbal-page .compare .section-title{color:#fff}.herbal-page .compare .section-head>p{color:#b8c2bb}
.herbal-page .comparison-table{overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:16px}.herbal-page table{width:100%;border-collapse:collapse;min-width:820px}
.herbal-page th,.herbal-page td{padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.herbal-page th:last-child,.herbal-page td:last-child{border-right:0}.herbal-page tr:last-child td{border-bottom:0}
.herbal-page th{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#a9b8ad;background:rgba(255,255,255,.035)}.herbal-page td{color:#dbe2dd;font-size:.77rem}.herbal-page td:first-child{font-weight:800;color:#fff}

/* caffeine */
.herbal-page .caffeine{background:var(--paper3)}.herbal-page .caffeine-layout{display:grid;grid-template-columns:.73fr 1.27fr;gap:58px;align-items:start}.herbal-page .caffeine-copy h2{font-size:clamp(2.65rem,4.55vw,4.9rem);line-height:.98;margin:13px 0 20px}
.herbal-page .caffeine-board{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55)}
.herbal-page .caffeine-rule{font-family:var(--serif);font-size:1.28rem;color:var(--ink);padding-bottom:17px;border-bottom:1px solid var(--line)}
.herbal-page .caffeine-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.herbal-page .caffeine-step{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper2);font-size:.7rem;color:var(--muted)}
.herbal-page .caffeine-step strong{display:block;font-family:var(--serif);font-size:1rem;color:var(--ink);margin-bottom:5px}.herbal-page .caffeine-note{margin-top:15px;padding:14px;border-left:2px solid var(--rust);background:rgba(165,107,79,.08);font-size:.74rem;color:var(--muted)}

/* label reading */
.herbal-page .label-guide{background:linear-gradient(145deg,#304038,#1e2924);color:#fff}.herbal-page .label-guide .kicker{color:#bdc8c0}.herbal-page .label-guide .section-title{color:#fff}.herbal-page .label-guide .section-head>p{color:#bac4bd}
.herbal-page .label-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.herbal-page .label-card{min-height:230px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}
.herbal-page .label-card span{font-size:.57rem;text-transform:uppercase;letter-spacing:.11em;color:var(--gold2);font-weight:800}.herbal-page .label-card h3{font-size:1.17rem;color:#fff;margin:13px 0 8px}.herbal-page .label-card p{font-size:.7rem;color:#b6c0b8}

/* terminology policy */
.herbal-page .policy{background:#efe7db}.herbal-page .policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.herbal-page .policy-card{min-height:235px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.54)}
.herbal-page .policy-card span{font-size:.57rem;text-transform:uppercase;letter-spacing:.11em;color:var(--rust2);font-weight:800}.herbal-page .policy-card h3{font-size:1.22rem;margin:13px 0 8px}.herbal-page .policy-card p{font-size:.72rem}
.herbal-page .policy-note{margin-top:16px;padding:14px;border-left:2px solid var(--gold);background:rgba(176,138,88,.07);font-size:.75rem;color:var(--muted)}

/* examples */
.herbal-page .examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.herbal-page .example-card{min-height:230px;padding:19px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.54)}
.herbal-page .example-card span{font-size:.57rem;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);font-weight:800}.herbal-page .example-card h3{font-size:1.28rem;margin:13px 0 8px}.herbal-page .example-card p{font-size:.72rem}

/* related */
.herbal-page .related{background:var(--paper3)}.herbal-page .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.herbal-page .related-card{min-height:225px;padding:19px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.54);display:flex;flex-direction:column}
.herbal-page .related-card span{font-size:.57rem;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);font-weight:800}.herbal-page .related-card h3{font-size:1.28rem;margin:13px 0 8px}.herbal-page .related-card p{font-size:.72rem}.herbal-page .related-card a{margin-top:auto;text-decoration:none;font-size:.75rem;font-weight:800;color:var(--g700)}

/* FAQ */
.herbal-page .faq{max-width:980px;margin-inline:auto;border-top:1px solid var(--line)}.herbal-page details{border-bottom:1px solid var(--line)}
.herbal-page summary{cursor:pointer;list-style:none;padding:21px 44px 21px 0;font-family:var(--serif);font-size:1.22rem;position:relative}.herbal-page summary::-webkit-details-marker{display:none}
.herbal-page summary::after{content:"+";position:absolute;right:5px;top:17px;font-family:var(--sans);font-size:1.4rem;color:var(--g600)}.herbal-page details[open] summary::after{content:"−"}.herbal-page details p{padding:0 46px 20px 0;margin:0}

/* sources */
.herbal-page .sources{background:var(--char);color:#fff}.herbal-page .sources .kicker{color:#d0c9bf}.herbal-page .sources .section-title{color:#fff}.herbal-page .sources p{color:#bdbbb6}
.herbal-page .sources-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px}.herbal-page .source-list{display:grid;gap:10px}
.herbal-page .source-card{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.035)}.herbal-page .source-card strong{display:block;color:#fff;font-family:var(--serif);font-size:1rem}.herbal-page .source-card a{display:inline-block;margin-top:6px;color:#cbd6ce;font-size:.7rem;overflow-wrap:anywhere}
.herbal-page .review-board{border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.035)}.herbal-page .review-row{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.herbal-page .review-row:last-child{border-bottom:0}
.herbal-page .review-row strong{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#a8b4ac}.herbal-page .review-row span{font-size:.78rem;color:#d4ddd6}

/* footer */
.herbal-page .footer{background:#121c17;color:#fff;padding:64px 0 26px}.herbal-page .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;padding-bottom:42px}
.herbal-page .footer-brand p{max-width:430px;color:#a9b6ac;font-size:.82rem;margin-top:18px}.herbal-page .footer-col h2{font-family:var(--sans);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#819288;margin-bottom:15px}
.herbal-page .footer-col a{display:block;text-decoration:none;color:#dbe2dd;font-size:.81rem;margin:8px 0}.herbal-page .footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;color:#8e9d92;font-size:.69rem}.herbal-page .footer-bottom span:first-child{max-width:900px}

/* editorial detail photos */
.herbal-page .detail-photo{margin:0;display:flex;flex-direction:column;max-width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.5)}
.herbal-page .detail-photo img{width:100%;height:auto;flex:1;min-height:0;aspect-ratio:4/5;object-fit:cover;object-position:var(--op,50% 50%);display:block}
.herbal-page .detail-photo figcaption{padding:9px 12px;font-size:.72rem;color:var(--muted)}
.herbal-page .detail-photo.landscape img{aspect-ratio:3/2}
.herbal-page .split-figure{grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);gap:clamp(36px,4.5vw,64px);align-items:stretch}

@media(max-width:1160px){
  .herbal-page .hero-grid,.herbal-page .def-split,.herbal-page .caffeine-layout,.herbal-page .sources-layout{grid-template-columns:1fr}
  .herbal-page .term-stage{min-height:560px;border-radius:30px}.herbal-page .label-grid,.herbal-page .related-grid{grid-template-columns:repeat(2,1fr)}.herbal-page .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .herbal-page .primary-nav{display:none;position:absolute;left:16px;right:16px;top:68px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper2);box-shadow:0 20px 70px rgba(0,0,0,.12);flex-direction:column}
  .herbal-page .primary-nav[data-open="true"]{display:flex}.herbal-page .menu-toggle{display:grid;place-items:center}.herbal-page .nav-cta{margin-left:auto}
  .herbal-page .section-head{grid-template-columns:1fr;gap:15px}.herbal-page .section-head>p{justify-self:start}.herbal-page .answer-grid{grid-template-columns:1fr;gap:12px}
  .herbal-page .hero-ribbon-grid{grid-template-columns:repeat(2,1fr)}.herbal-page .map-grid,.herbal-page .policy-grid,.herbal-page .examples-grid{grid-template-columns:1fr}.herbal-page .caffeine-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .herbal-page{--container:min(calc(100% - 24px),1350px)}.herbal-page .nav-wrap{min-height:68px;gap:12px}.herbal-page .brand-copy small,.herbal-page .nav-cta{display:none}.herbal-page .hero h1{font-size:clamp(3.15rem,15vw,4.85rem)}
  .herbal-page .term-stage{min-height:510px}.herbal-page .stage-foot{grid-template-columns:1fr;left:18px;right:18px;bottom:18px}.herbal-page .stage-foot div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.herbal-page .stage-foot div:last-child{border-bottom:0}
  .herbal-page .hero-ribbon-grid,.herbal-page .label-grid,.herbal-page .caffeine-steps,.herbal-page .related-grid,.herbal-page .footer-grid{grid-template-columns:1fr}.herbal-page .hero-ribbon-cell{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}.herbal-page .hero-ribbon-cell:last-child{border-bottom:0}
  .herbal-page .review-row{grid-template-columns:1fr;gap:5px}.herbal-page .footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.herbal-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
  @media (max-width:760px){.herbal-page .section{padding:55px 0}}