*{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--link);text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:4px}
.skip{position:absolute;left:16px;top:-80px;padding:8px;background:white;z-index:5}.skip:focus{top:12px}
.shell{width:min(100% - 40px,880px);margin:auto}
header{border-bottom:1px solid var(--line-soft)}
header .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:21px;font-weight:750;white-space:nowrap}
.brand img{width:28px;height:28px}.home{font-size:14px}
main{padding:56px 0 72px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--link)}
h1{font-size:clamp(30px,5vw,44px);line-height:1.25;letter-spacing:-.045em;margin:12px 0 16px}
.lead{font-size:18px;color:var(--ink-2);margin:0 0 12px}.date{font-size:14px;color:var(--ink-2)}
.summary{margin:28px 0;padding:22px 26px;background:var(--alt);border-radius:var(--r-lg)}
.summary p:first-child{margin-top:0}.summary p:last-child{margin-bottom:0}
nav{display:flex;flex-wrap:wrap;gap:10px 20px;padding:20px 0 28px;border-bottom:1px solid var(--line-soft);font-size:14px}
section{margin-top:40px}h2{font-size:23px;line-height:1.45;letter-spacing:-.03em;margin:0 0 14px}h3{font-size:17px;margin:22px 0 8px}
p{margin:12px 0}ul,ol{padding-left:24px}li+li{margin-top:9px}
dl{margin:0}dt{font-weight:700;margin-top:18px}dd{margin:4px 0 0;color:var(--ink-2)}
.contact{background:var(--alt);padding:24px;border-radius:var(--r-lg)}
.draft{padding:14px 20px;background:#FFF1DE;color:#703C00;font-size:14px;border-bottom:1px solid #D9B47E}.draft strong{display:block}
.note{border-left:3px solid var(--accent);padding:0 0 0 16px;color:var(--ink-2)}
footer{background:var(--alt);font-size:14px;padding:24px 0}footer .shell{display:flex;flex-wrap:wrap;gap:12px 24px}
@media(max-width:480px){main{padding-top:32px}.shell{width:calc(100% - 32px)}.summary,.contact{padding:20px}header .shell{min-height:68px}.lead{font-size:16px}section{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{header,nav,footer,.skip{display:none}main{padding:0}.shell{width:100%}section{break-inside:avoid}}