:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#f3f4f6;color:#202124;line-height:1.65}
a{color:#aa451c;text-underline-offset:2px}
a:hover{color:#762b0b}
header{background:#fff;border-bottom:1px solid #dedede}
.header-inner{max-width:52rem;margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.brand{color:#202124;font-weight:800;text-decoration:none;font-size:1.1rem}
nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}
main{max-width:52rem;margin:2rem auto;padding:2.5rem;background:#fff;border:1px solid #e4e4e4;border-radius:12px}
h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin:.25rem 0 1rem}
h2{font-size:1.15rem;margin:2rem 0 .5rem}
p,li{max-width:70ch}
ul,ol{padding-left:1.4rem}
.eyebrow{color:#a54419;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.updated{color:#62676d;font-size:.9rem}
footer{max-width:52rem;margin:0 auto 2rem;padding:0 1.5rem;color:#62676d;font-size:.85rem}
@media(max-width:55rem){main{margin:1rem;padding:1.5rem;border-radius:0}}