:root{--bg:#fbfaf7;--ink:#1c2321;--muted:#5d6764;--line:#dcdfd8;--link:#0b5c52;--w:44rem}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.7 Georgia,"Times New Roman",serif}
a{color:var(--link)}
a:focus-visible{outline:3px solid #c27a00;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.top,main,.foot{max-width:var(--w);margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--ink)}
.top nav{display:flex;gap:1.25rem;font-family:system-ui,sans-serif;font-size:.95rem}
main{padding-top:2rem;padding-bottom:3rem;min-height:60vh}
h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2;margin:0 0 .75rem}
h2{font-size:1.35rem;margin-top:2rem}
.lead{font-size:1.2rem;color:var(--muted)}
.meta{color:var(--muted);font:.9rem system-ui,sans-serif}
.list{list-style:none;padding:0;margin:1rem 0}
.list li{padding:.9rem 0;border-bottom:1px solid var(--line)}
.list a{font-weight:700;display:block}
.list span{color:var(--muted);font-size:.95rem}
.foot{padding-top:1.25rem;padding-bottom:2rem;border-top:1px solid var(--line);color:var(--muted);font:.9rem system-ui,sans-serif}
