
:root{--ink:#18362b;--leaf:#2f6b50;--sage:#eaf2ec;--paper:#fbfaf5;--gold:#aa7d2b;--muted:#6b746f;--line:#d9e2dc;--danger:#7d2d2d}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:#17211d;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.topbar{background:#10281f;color:#eaf5ee;font-size:.9rem;padding:.45rem 0;text-align:center}header{position:sticky;top:0;z-index:20;background:rgba(251,250,245,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.brand{font-family:Georgia,serif;font-size:1.45rem;color:var(--ink);font-weight:700}.brand span{color:var(--gold)}.navlinks{display:flex;gap:1rem;align-items:center}.pill{border:1px solid var(--line);padding:.45rem .75rem;border-radius:999px;background:white}.hero{padding:5rem 0 3.5rem;background:radial-gradient(circle at 75% 20%,rgba(170,125,43,.14),transparent 28%),linear-gradient(180deg,#f5f8f1,#fbfaf5)}.kicker{letter-spacing:.13em;text-transform:uppercase;color:var(--leaf);font-size:.78rem;font-weight:700}h1,h2,h3{font-family:Georgia,serif;color:var(--ink);line-height:1.2}h1{font-size:clamp(2.4rem,7vw,5.8rem);max-width:900px;margin:.5rem 0 1rem}.lede{font-size:1.18rem;color:#4c5d55;max-width:760px}.searchbox{margin-top:2rem;display:flex;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(35,56,47,.08);overflow:hidden;max-width:760px}.searchbox input{flex:1;border:0;padding:1rem 1.1rem;font-size:1rem;outline:none}.searchbox button{border:0;background:var(--ink);color:white;padding:0 1.25rem;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.stat{padding:1.1rem;border-left:3px solid var(--gold);background:rgba(255,255,255,.55)}.stat strong{display:block;font-size:1.6rem;color:var(--ink)}.section{padding:4rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem}.section-head h2{font-size:2rem;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:1.25rem;transition:.2s;box-shadow:0 8px 24px rgba(31,54,43,.04)}.card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(31,54,43,.09)}.botanical{height:180px;border-radius:16px;background:linear-gradient(145deg,#eef4ea,#dce8de);display:grid;place-items:center;overflow:hidden}.botanical svg{width:74%;height:74%}.latin{font-style:italic;color:var(--muted);font-size:.92rem}.badge{display:inline-flex;border-radius:999px;background:var(--sage);color:var(--leaf);padding:.25rem .6rem;font-size:.78rem;font-weight:700}.card h3{font-size:1.3rem;margin:.8rem 0 .2rem}.notice{background:#fff6e6;border:1px solid #ead6ac;border-left:4px solid var(--gold);padding:1rem 1.1rem;border-radius:12px}.footer{background:#10281f;color:#dce9e1;padding:3rem 0;margin-top:4rem}.herb-hero{padding:3.5rem 0 2rem}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.herb-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.herb-title h1{font-size:clamp(2.5rem,6vw,4.5rem);margin:0}.meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.two-col{display:grid;grid-template-columns:1.6fr .8fr;gap:1.5rem}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:1.25rem;margin-bottom:1rem}.panel h2{margin-top:0}.quote{font-family:Georgia,serif;background:#f4f1e7;border-left:4px solid var(--gold);padding:1rem 1.2rem;border-radius:10px}.danger{color:var(--danger);font-weight:700}.faq details{background:white;border:1px solid var(--line);border-radius:12px;margin:.65rem 0;padding:.85rem 1rem}.langswitch{display:flex;gap:.45rem}.langswitch a{padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;background:white}.list-page .grid{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.grid,.stats,.two-col,.list-page .grid{grid-template-columns:1fr}.navlinks a:not(.pill){display:none}.hero{padding:3.4rem 0 2.6rem}.herb-title{align-items:flex-start;flex-direction:column}.searchbox{flex-direction:column}.searchbox button{padding:.9rem}}
