:root{--paper:#FAF8F2;--ink:#23262B;--muted:#6A6D66;--footer-ink:#4E524B;--line:#DED9C8;--stamp:#2E7D4F;--stamp-soft:#E3EFE7;--white:#FFFFFF}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:'Public Sans',system-ui,sans-serif;font-size:1rem;line-height:1.7}
.wrap{max-width:42rem;margin:0 auto;padding:0 1.25rem}
nav{border-bottom:2px solid var(--ink);padding:.9rem 1.25rem;text-align:center}
.logo{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.05rem;text-decoration:none;color:var(--ink)}
.logo span{color:var(--stamp)}
header{padding:3rem 0 1rem}
h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.1;margin-bottom:.6rem;text-wrap:balance}
.meta{font-size:.88rem;color:var(--muted)}
h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.15rem;margin:2rem 0 .6rem}
p{margin:.6rem 0}
ul{margin:.6rem 0 .6rem 1.3rem}
li{margin:.35rem 0}
a{color:var(--stamp)}
.notice{background:var(--stamp-soft);border:2px solid var(--stamp);border-radius:8px;padding:1rem 1.2rem;margin:1.2rem 0;font-size:.95rem}
footer{border-top:2px solid var(--ink);margin-top:3rem;padding:1.8rem 0 2.5rem;font-size:.85rem;color:var(--footer-ink);text-align:center}
footer a{color:var(--footer-ink)}