:root{color-scheme:light;--bg:#f6f2eb;--paper:#fffefa;--ink:#282825;--muted:#66665f;--line:#dedbd3;--accent:#8b5139;--accent-dark:#683d2d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--accent-dark);text-underline-offset:3px}
a:hover{color:var(--accent)}
.shell{width:min(1120px,calc(100% - 48px));margin:auto}
.top{border-bottom:1px solid var(--line);background:var(--paper)}
.top .shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;letter-spacing:.05em;font-weight:bold}
.brand span{color:var(--accent)}
.top nav{display:flex;gap:24px;font-size:.88rem;font-weight:600}
.top nav a{text-decoration:none;color:var(--muted)}
.top nav a[aria-current=page]{color:var(--accent-dark)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:.7rem;color:var(--accent)}
.hero{padding:72px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:56px;align-items:end}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.16;letter-spacing:-.025em}
h1{font-size:clamp(2.7rem,6vw,4.9rem);margin:14px 0 20px;max-width:780px}
.lead{font-size:1.08rem;color:var(--muted);max-width:690px;margin:0}
.meta{border-left:2px solid var(--accent);padding-left:20px;color:var(--muted);font-size:.85rem}
.meta strong{display:block;color:var(--ink);margin-bottom:4px}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:54px;align-items:start;padding-bottom:96px}
.toc{position:sticky;top:28px;font-size:.83rem}
.toc strong{display:block;margin-bottom:18px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted)}
.toc a{display:block;color:var(--muted);text-decoration:none;padding:7px 0}
.toc a:hover{color:var(--accent-dark)}
.paper{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:clamp(26px,5vw,64px);box-shadow:0 14px 40px rgba(45,35,25,.035)}
.paper section+section{border-top:1px solid var(--line);margin-top:38px;padding-top:38px}
.paper h2{font-size:1.75rem;margin:0 0 18px}
.paper p{margin:0 0 15px}
.paper p:last-child{margin-bottom:0}
.paper ul,.paper ol{padding-left:23px;margin:0 0 16px}
.paper li{padding-left:5px;margin:7px 0}
.note{border-left:3px solid var(--accent);background:#f9f3ee;padding:19px 22px;margin:26px 0;color:#473d38}
.contact{display:inline-block;font-weight:700;overflow-wrap:anywhere}
.footer{border-top:1px solid var(--line);padding:30px 0 45px;color:var(--muted);font-size:.82rem}
.footer .shell{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.footer nav{display:flex;gap:20px;flex-wrap:wrap}
.footer a{color:var(--muted)}
.landing{padding:120px 0 140px;max-width:800px}
.landing h1{max-width:700px}
.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
.button{display:inline-block;padding:12px 18px;background:var(--accent-dark);color:#fff;text-decoration:none;border-radius:2px;font-weight:700}
.button.secondary{background:transparent;border:1px solid var(--accent);color:var(--accent-dark)}
@media(max-width:780px){.shell{width:min(100% - 32px,680px)}.top .shell{min-height:68px}.top nav{gap:13px;font-size:.75rem}.hero{display:block;padding:50px 0 35px}.meta{margin-top:28px}.layout{display:block;padding-bottom:65px}.toc{position:static;display:none}.paper{padding:26px}.landing{padding:75px 0 90px}}
@media(max-width:420px){.top nav{gap:9px}.top nav a:first-child{display:none}.brand{font-size:1.15rem}.paper h2{font-size:1.52rem}}