:root{--ink:#182326;--muted:#5d6a6d;--paper:#fbfaf7;--panel:#f1f3ef;--line:#d8ddd8;--accent:#245f56;--accent2:#a96d3a;--max:74rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.68 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:.18em}.wrap{width:min(var(--max),calc(100% - 2.25rem));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.65rem 1rem;z-index:99;border:2px solid var(--ink)}
.site-header{border-bottom:1px solid var(--line);background:rgba(251,250,247,.96)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand small{display:block;font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.primary{display:flex;gap:1.35rem;align-items:center}.primary a{color:var(--ink);text-decoration:none;font-size:.94rem}.primary a:hover{text-decoration:underline}
.hero{padding:6rem 0 4.5rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);gap:5rem;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;color:var(--accent)}
.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.7rem,6vw,5.3rem);line-height:.98;letter-spacing:-.045em;margin:.55rem 0 1.5rem}.hero-copy{font-size:1.15rem;max-width:44rem;color:#344144}.hero-note{border-left:3px solid var(--accent2);padding-left:1.25rem;color:var(--muted)}
.band{background:var(--panel);border-block:1px solid var(--line);padding:3.5rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}
h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.025em;margin:.2rem 0}h3{line-height:1.25}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{background:var(--paper);border:1px solid var(--line);padding:1.45rem;border-radius:3px}.card .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card h3{margin:.45rem 0 .55rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{text-decoration:underline}.card p{color:var(--muted);margin:.4rem 0}
.home-section{padding:4.5rem 0}.topic-row{display:flex;flex-wrap:wrap;gap:.65rem}.pill{border:1px solid var(--line);padding:.5rem .8rem;text-decoration:none;color:var(--ink);background:#fff;border-radius:999px;font-size:.9rem}
.article-shell{display:grid;grid-template-columns:minmax(0,48rem) minmax(12rem,18rem);gap:5rem;align-items:start;padding:2rem 0 5rem}.crumb{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0 0 2.5rem;font-size:.82rem;color:var(--muted)}.crumb li+li:before{content:"/";margin-right:.45rem;color:#98a09e}
.article-header h1{font-family:Georgia,serif;font-size:clamp(2.45rem,5vw,4.3rem);line-height:1.02;font-weight:500;letter-spacing:-.04em;margin:.5rem 0 1rem}.meta{color:var(--muted);font-size:.86rem}.article-body{font-family:Georgia,serif;font-size:1.12rem}.article-body p{margin:0 0 1.35rem}.aside{margin-top:6rem;border-top:3px solid var(--accent);padding-top:1rem;font-size:.9rem;color:var(--muted)}
.index-hero{padding:4rem 0 2rem}.index-hero h1,.hub h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:500;letter-spacing:-.035em;margin:.4rem 0}.hub{padding:4rem 0 5rem}
.site-footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;color:var(--muted);font-size:.88rem}.footer-grid{display:flex;justify-content:space-between;gap:2rem}.footer-grid strong{color:var(--ink)}
@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;padding:1rem 0}.primary{flex-wrap:wrap;gap:.8rem 1rem}.hero{grid-template-columns:1fr;gap:2rem;padding:3.5rem 0}.resource-grid{grid-template-columns:1fr}.section-head{display:block}.article-shell{grid-template-columns:1fr;gap:0}.aside{margin-top:1rem}.footer-grid{display:block}}