:root{color-scheme:light;--paper:#f4f2e9;--ink:#253a31;--muted:#65736a;--line:#d8ddd2;--accent:#426b50}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.shell{max-width:1180px;min-height:100svh;margin:auto;padding:36px 56px;display:flex;flex-direction:column}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
header{padding-bottom:26px;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-1px}
.mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:36px;height:36px;border-radius:11px;font-family:Georgia,serif;font-size:29px;font-style:italic}
.location,.eyebrow,.number{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:var(--muted)}
main{flex:1;padding:76px 0 66px}
.eyebrow{margin:0 0 27px;color:var(--accent)}
h1{font-size:clamp(44px,6.5vw,80px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:0}
h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}
.intro{max-width:505px;font-size:17px;line-height:1.7;color:var(--muted);margin:29px 0 42px}
.note{display:flex;gap:26px;max-width:610px;border-top:1px solid var(--line);padding-top:26px}
.number{padding-top:5px;white-space:nowrap}
h2{font-size:17px;line-height:1.5;font-weight:600;margin:0 0 6px}
.note p{font-size:14px;line-height:1.75;color:var(--muted);max-width:410px;margin:0}
footer{padding-top:23px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
footer a,.prose a{color:var(--accent);text-underline-offset:3px}
.prose{max-width:740px}.prose h1{font-size:clamp(38px,5vw,56px);letter-spacing:-2px;margin-bottom:24px}.prose h2{margin:30px 0 8px}.prose p,.prose li{color:var(--muted);font-size:15px;line-height:1.8}.prose ul{padding-left:22px}
@media(max-width:600px){.shell{padding:25px 25px}main{padding:62px 0 55px}h1{letter-spacing:-2px}.intro{font-size:16px}.note{gap:18px}footer{align-items:flex-start;flex-direction:column;gap:7px}}