:root{--saffron:#FFB81C;--indigo:#2A1E8C;--coral:#FF4F7B;--ink:#1d1b2e;--muted:#5b5875;--paper:#ffffff;--wash:#FFF6E0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:17px}
a{color:var(--indigo);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:4px}
header{background:var(--saffron)}
.bar{max-width:760px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:14px}
.bar img{width:44px;height:44px;border-radius:12px}
.bar a.brand{font-weight:700;font-size:20px;color:var(--indigo);text-decoration:none}
.bar nav{margin-left:auto;display:flex;gap:18px;font-size:15px}
.bar nav a{color:var(--indigo);font-weight:600;text-decoration:none}
.bar nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px}
main{max-width:760px;margin:0 auto;padding:48px 24px 64px}
h1{font-size:clamp(30px,5vw,40px);line-height:1.2;margin:0 0 8px;color:var(--indigo)}
.updated{color:var(--muted);font-size:15px;margin:0 0 36px}
h2{font-size:21px;margin:40px 0 8px;color:var(--indigo)}
p,li{max-width:68ch}
ul{padding-left:22px}
.note{background:var(--wash);border-left:5px solid var(--coral);padding:16px 20px;border-radius:0 12px 12px 0}
.hero{text-align:center;padding-top:72px}
.hero img{width:120px;height:120px;border-radius:28px}
.hero p{margin:12px auto 0}
footer{border-top:1px solid #eee;color:var(--muted);font-size:14px}
footer .bar{justify-content:space-between}