:root{--accent:#2b6cb0;--bg:#ffffff;--fg:#1a202c}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}
header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(128,128,128,.25)}
.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.15rem}
nav a{color:var(--fg);text-decoration:none;margin-left:1rem;opacity:.8}
nav a:hover{opacity:1}
main{max-width:52rem;margin:0 auto;padding:2rem 1.25rem}
h1{color:var(--accent);margin-top:0}
h2{margin-top:2rem}
footer{max-width:52rem;margin:2rem auto;padding:1rem 1.25rem;border-top:1px solid rgba(128,128,128,.25);opacity:.7;font-size:.9rem}
@media (max-width:600px){header{flex-direction:column;gap:.5rem;align-items:flex-start}}