
:root{--ink:#25231f;--muted:#6d675d;--paper:#fbf8f1;--card:#fff;--wood:#9a5b2d;--wood2:#6e3d1d;--green:#34523d;--line:#e4dccf;--gold:#d7a94b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.72}
a{color:var(--wood2)}.wrap{max-width:1180px;margin:auto;padding:0 22px}.sitehead{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.headrow{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850;letter-spacing:-.02em}
.brandmark{width:34px;height:34px}.nav{display:flex;gap:18px;font-size:.94rem}.nav a{text-decoration:none;color:var(--ink)}.hero{padding:64px 0 38px;background:linear-gradient(135deg,#f3eadb,#fbf8f1)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--green)}h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.045em;margin:.2em 0}
h2{font-size:1.75rem;line-height:1.2;margin-top:2.2em}h3{font-size:1.2rem;margin-top:1.8em}.lead{font-size:1.2rem;color:#514c44;max-width:780px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;padding:38px 0 70px}.article{min-width:0}.article p{max-width:760px}.article li{margin:.45em 0}.toc,.note,.compare,.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:24px 0;box-shadow:0 8px 24px rgba(50,40,25,.04)}
.note{border-left:4px solid var(--gold)}.cta{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:800;padding:13px 19px;border-radius:9px;margin:7px 8px 7px 0}.cta.secondary{background:var(--wood2)}
.disclosure{font-size:.86rem;color:var(--muted)}.sticky{position:sticky;top:94px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 30px rgba(50,40,25,.08);height:max-content}.sticky h3{margin-top:0}.sticky .cta{display:block;text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards .card{margin:0}.cards a{font-weight:800}.crumbs{font-size:.86rem;color:var(--muted);padding-top:18px}.footer{background:#24241f;color:#eee;padding:44px 0}.footer a{color:#f1d5a9}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.popup{position:fixed;inset:0;background:rgba(24,20,16,.86);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.popup.show{display:flex}.popcard{max-width:760px;background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;box-shadow:0 30px 80px #0008}
.popart{background:linear-gradient(145deg,#6e3d1d,#34523d);display:flex;align-items:center;justify-content:center;padding:32px}.popart svg{max-width:230px}.popcopy{padding:32px}.popcopy h2{margin-top:0}.close{float:right;border:0;background:#eee;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}
table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid var(--line);padding:12px;text-align:left}th{background:#f1eadf}
@media(max-width:850px){.nav{display:none}.grid{grid-template-columns:1fr}.sticky{position:static;order:-1}.cards{grid-template-columns:1fr}.popcard{grid-template-columns:1fr}.popart{display:none}.footergrid{grid-template-columns:1fr}.hero{padding-top:42px}}
