:root{--ink:#2b261f;--cream:#f7f2e8;--paper:#fffdf8;--olive:#5f6b45;--sage:#a8ad8b;--clay:#a45e3f;--gold:#c99a4b;--line:#ded5c5;--muted:#6e675e;--shadow:0 14px 40px rgba(55,45,30,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:#43522f}a:hover{text-decoration-thickness:2px}.top{background:#29271f;color:#fff;text-align:center;padding:7px 16px;font-size:13px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.head{max-width:1180px;margin:auto;display:flex;align-items:center;gap:28px;padding:14px 20px}.brand{font:700 22px Georgia,serif;letter-spacing:.4px;text-decoration:none;color:var(--ink)}.brand span{color:var(--clay)}nav{margin-left:auto;display:flex;gap:22px}nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:650}.menu{display:none;margin-left:auto;background:none;border:0;font-size:24px}.hero{background:linear-gradient(125deg,#f5efe2,#e6e0cb);border-bottom:1px solid var(--line)}.hero-in{max-width:1180px;margin:auto;padding:76px 20px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--clay);font-size:12px}h1,h2,h3{font-family:Georgia,serif;line-height:1.14}h1{font-size:clamp(40px,6vw,72px);margin:.2em 0}h2{font-size:34px;margin-top:1.7em}h3{font-size:23px}.lede{font-size:20px;color:#514a41;max-width:760px}.botanical{height:320px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 35% 35%,#d5c78f 0 8%,transparent 9%),linear-gradient(145deg,#68754d,#3f4a2f);box-shadow:var(--shadow);position:relative;overflow:hidden}.botanical:before,.botanical:after{content:"";position:absolute;width:180px;height:80px;border-radius:100% 0 100% 0;background:#aeb788;transform:rotate(-28deg);left:40px;top:70px}.botanical:after{transform:rotate(42deg);left:130px;top:170px;background:#d1b16c}.wrap{max-width:1040px;margin:auto;padding:50px 20px}.article{max-width:820px}.crumb{font-size:13px;color:var(--muted);margin-bottom:20px}.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.04)}.card h3{margin-top:0}.btn{display:inline-block;background:var(--clay);color:white!important;text-decoration:none;padding:13px 19px;border-radius:999px;font-weight:800;border:0;cursor:pointer}.btn.alt{background:var(--olive)}.note{border-left:4px solid var(--gold);padding:16px 18px;background:var(--cream);margin:24px 0}.affiliate-box{margin:34px 0;padding:26px;border-radius:18px;background:#2f3326;color:#fff}.affiliate-box a{color:#fff}.toc{background:var(--cream);padding:20px 24px;border-radius:14px}.toc a{display:inline-block;margin:4px 14px 4px 0}.facts{width:100%;border-collapse:collapse}.facts td,.facts th{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.facts th{background:var(--cream)}footer{background:#272820;color:#e8e3d9;margin-top:70px}.foot{max-width:1100px;margin:auto;padding:46px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer a{color:#e8e3d9}.fine{font-size:13px;color:#c9c3b8}.popup{display:none;position:fixed;inset:0;background:rgba(20,20,15,.58);z-index:99;padding:20px;align-items:center;justify-content:center}.popup.on{display:flex}.popcard{max-width:540px;background:var(--paper);padding:32px;border-radius:22px;box-shadow:var(--shadow);position:relative}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:10px}
@media(max-width:760px){nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.hero-in{grid-template-columns:1fr;padding:48px 20px}.botanical{height:220px}.cardgrid,.foot{grid-template-columns:1fr}.wrap{padding-top:34px}h2{font-size:29px}}