:root{
  --ink:#17352d;--ink2:#25463c;--cream:#f7f2e9;--paper:#fffdf9;--sand:#e8ddca;
  --gold:#bd9a59;--muted:#617069;--line:#d8cdbb;--white:#fff;--shadow:0 14px 42px rgba(23,53,45,.12);
  --radius:22px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#20322c;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;display:block}a{color:var(--ink);text-underline-offset:3px}a:hover{color:#6f5b32}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,205,187,.8)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;white-space:nowrap}.mark{width:32px;height:32px;border-radius:10px;background:var(--ink);display:grid;place-items:center;color:#d8bb79}
.nav{margin-left:auto;display:flex;align-items:center;gap:22px}.nav a{text-decoration:none;font-weight:650;font-size:.93rem}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;background:var(--ink);color:white!important;text-decoration:none;font-weight:750;border:1px solid var(--ink);transition:.2s transform,.2s background}.btn:hover,.nav-cta:hover{transform:translateY(-1px);background:#244b3f}.btn.alt{background:transparent;color:var(--ink)!important;border-color:var(--ink)}.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:12px;padding:9px 11px;font-size:1.1rem}
.affiliate-note{background:#efe7d8;text-align:center;font-size:.83rem;padding:8px 15px;color:#514837}
.hero{padding:76px 0 58px;background:linear-gradient(180deg,#f7f2e8 0,#fffdf9 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px}
.kicker{text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#796338;font-size:.78rem}.hero h1,.article-hero h1{font-family:Georgia,serif;color:var(--ink);font-size:clamp(2.6rem,6vw,5.3rem);line-height:1.02;letter-spacing:-.035em;margin:.2em 0}.hero p{font-size:1.16rem;color:#4e5e57;max-width:660px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art img{border-radius:34px;box-shadow:var(--shadow)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0 0}.trust div{background:#fff;border:1px solid var(--line);padding:14px;border-radius:16px;text-align:center;font-weight:700;font-size:.88rem}
.section{padding:72px 0}.section.soft{background:#f5efe5}.section.dark{background:var(--ink);color:#f4efe6}.section.dark h2,.section.dark h3{color:white}.eyebrow{color:#8a7041;font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}
h2,h3,h4{font-family:Georgia,serif;color:var(--ink);line-height:1.18}h2{font-size:clamp(2rem,4vw,3.3rem);margin:.25em 0 .4em}h3{font-size:1.45rem}
.lede{font-size:1.1rem;max-width:800px;color:#53635c}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 7px 20px rgba(23,53,45,.06)}.card-body{padding:24px}.card .tag{font-size:.76rem;font-weight:800;text-transform:uppercase;color:#8b7348;letter-spacing:.08em}.card p{color:#56655f}.card-link{display:inline-flex;font-weight:800;text-decoration:none;margin-top:6px}.card-media{aspect-ratio:16/10;background:#e9e0d1;display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-media.aff{display:block}
.callout{border-left:4px solid var(--gold);background:#f3ecdf;padding:20px 22px;border-radius:0 16px 16px 0}.commercial{background:linear-gradient(135deg,#17352d,#294d41);color:#f7f1e6;border-radius:28px;padding:34px;display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}.commercial h2,.commercial h3{color:white}.commercial p{color:#e3e9e5}
.article-hero{padding:62px 0 42px;background:#f5efe5}.article-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);max-width:950px}.meta{color:#69766f;font-size:.9rem}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:56px;padding:54px 0 80px}.prose h2{margin-top:2.2em}.prose h3{margin-top:1.65em}.prose p,.prose li{font-size:1.04rem}.prose table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:12px 14px;text-align:left;min-width:150px}.prose th{background:#f4ede2;color:var(--ink)}.prose .btn{margin:10px 0}.toc{position:sticky;top:108px;border:1px solid var(--line);border-radius:18px;padding:20px;background:white;align-self:start}.toc strong{display:block;margin-bottom:10px}.toc a{display:block;padding:6px 0;text-decoration:none;font-size:.9rem}.breadcrumb{font-size:.86rem;padding-top:20px;color:#6a756f}.breadcrumb a{color:#53635c}
.footer{background:#102a23;color:#dfe5e1;padding:54px 0 32px}.footer a{color:#e9dfca}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer h3{color:white}.fine{font-size:.83rem;color:#aebbb5;border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:20px}
.popup{position:fixed;inset:0;background:rgba(10,25,21,.58);display:none;place-items:end center;z-index:90;padding:16px}.popup.show{display:grid}.popup-card{width:min(760px,100%);background:#fffaf1;border-radius:26px 26px 8px 8px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.28);position:relative;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.popup-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:1.6rem;cursor:pointer}.popup h2{font-size:1.8rem;margin:.15em 0}.popup p{margin:.3em 0;color:#52615a}.disclosure{font-size:.86rem;background:#f3ecdf;border-radius:14px;padding:14px 16px}
.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:white;font-weight:700;font-size:.8rem}
@media(max-width:900px){.hero-grid,.article-layout,.commercial{grid-template-columns:1fr}.hero-art{order:-1}.hero-art img{max-height:430px;width:100%;object-fit:cover}.trust{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.toc{position:static}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fffdf9;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-btn{display:block}.nav-cta{text-align:center}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 24px,var(--max))}.hero{padding-top:36px}.hero h1{font-size:2.75rem}.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.popup-card{grid-template-columns:1fr;padding:26px 22px}.popup-card .btn{width:100%}.section{padding:54px 0}.header-inner{min-height:68px}.nav{top:68px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}