
:root{--ink:#24312c;--muted:#64716b;--paper:#fbfaf6;--sage:#dfe8df;--leaf:#446252;--leaf2:#304a3d;--sand:#efe6d8;--white:#fff;--line:#d8ddd8;--accent:#a75f3c;--shadow:0 12px 34px rgba(35,49,44,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.68}
a{color:var(--leaf2)}img{max-width:100%;height:auto}.wrap{width:min(1160px,92%);margin:auto}.top{background:var(--ink);color:#fff;font-size:.88rem;padding:.48rem 0;text-align:center}.top a{color:#fff;font-weight:800}
header{background:rgba(251,250,246,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem 0}.brand{display:flex;align-items:center;gap:.55rem;font-family:Georgia,serif;font-weight:700;font-size:1.45rem;text-decoration:none;color:var(--ink)}.mark{width:29px;height:29px}
nav{display:flex;align-items:center;gap:1rem}nav a{text-decoration:none;font-weight:680;color:var(--ink);font-size:.94rem}.navcta{background:var(--leaf);color:#fff!important;padding:.66rem .9rem;border-radius:999px}
.hero{padding:5.3rem 0 4.3rem;background:linear-gradient(135deg,var(--sage),var(--paper) 58%,var(--sand))}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:850;font-size:.76rem;color:var(--leaf)}
h1,h2,h3{font-family:Georgia,serif;line-height:1.13}h1{font-size:clamp(2.55rem,6vw,5rem);max-width:960px;margin:.45rem 0 1rem}h2{font-size:clamp(1.75rem,3vw,2.55rem);margin-top:2.6rem}h3{font-size:1.3rem}.lead{font-size:1.18rem;max-width:790px;color:#44514b}
.btn{display:inline-block;background:var(--leaf);color:#fff;text-decoration:none;padding:.88rem 1.12rem;border-radius:999px;font-weight:800;margin:.35rem .45rem .35rem 0}.btn:hover,.navcta:hover{background:var(--leaf2)}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.section{padding:3.6rem 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.3rem;box-shadow:var(--shadow)}.card h3{margin-top:.2rem}
.content-shell{width:min(1160px,92%);margin:0 auto;display:grid;grid-template-columns:minmax(0,780px) 300px;gap:3rem;padding:3.2rem 0}.article{min-width:0}.article h1{font-size:clamp(2.35rem,5vw,4rem)}.article p,.article li{font-size:1.03rem}.article ul{padding-left:1.2rem}.article .lead{font-size:1.15rem}
.sidebar{position:relative}.sticky{position:sticky;top:94px}.sidebox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.sidebox h3{margin:.1rem 0 .6rem}.sidebox p{font-size:.94rem;color:var(--muted)}.sidebox .btn{display:block;text-align:center;margin:.7rem 0 0}.side-links a{display:block;padding:.5rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.93rem}
.note,.cta{border-radius:16px;padding:1.25rem 1.4rem;margin:1.6rem 0}.note{background:var(--sand)}.cta{background:var(--sage);border:1px solid #c8d6c9}.kicker{color:var(--muted);font-size:.91rem}.crumb{font-size:.88rem;color:var(--muted);margin-bottom:1rem}.crumb a{color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:1.45rem 0;background:#fff;font-size:.95rem}th,td{border:1px solid var(--line);padding:.78rem;text-align:left;vertical-align:top}th{background:var(--sage)}
.callout{border-left:4px solid var(--leaf);padding:.3rem 0 .3rem 1rem;margin:1.4rem 0}.checklist li{margin:.45rem 0}
footer{background:var(--ink);color:#e7ece8;padding:3rem 0;margin-top:3rem}footer a{color:#fff}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.small{font-size:.86rem;color:#c9d0cc}
.mobile-cta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;background:var(--leaf);color:#fff;text-align:center;text-decoration:none;font-weight:850;padding:.9rem;border-radius:999px;box-shadow:0 8px 25px rgba(0,0,0,.24)}
@media(max-width:900px){.content-shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:1fr 1fr}nav a:not(.navcta){display:none}.mobile-cta{display:block}footer{padding-bottom:5.5rem}}
@media(max-width:650px){.grid,.foot{grid-template-columns:1fr}.hero{padding:3.7rem 0}.top{font-size:.77rem}h1{font-size:2.65rem}.navcta{font-size:.82rem;padding:.6rem .72rem}.brand{font-size:1.2rem}}
