*,*::before,*::after{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#222;margin:0;background:#fafafa}
.container{max-width:760px;margin:0 auto;padding:0 1.25rem}
header{background:#fff;border-bottom:1px solid #eaeaea;padding:1rem 0}
header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
h1.brand{font-size:1.25rem;margin:0}
h1.brand a{color:#222;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:1rem}
nav a{color:#444;text-decoration:none;font-size:0.95rem}
nav a:hover{color:#0066cc;text-decoration:underline}
main{padding:2rem 0;min-height:60vh}
h2{font-size:1.6rem;margin-top:0;line-height:1.3}
h3{font-size:1.2rem;margin-top:2rem}
p,ul,ol{font-size:1rem}
ul,ol{padding-left:1.4rem}
li{margin:0.4rem 0}
a{color:#0066cc}
.hero{padding:1.5rem 0}
.lead{font-size:1.1rem;color:#444}
.btn{display:inline-block;background:#0066cc;color:#fff;padding:0.65rem 1.25rem;border-radius:4px;text-decoration:none;font-weight:500;margin-top:0.5rem}
.btn:hover{background:#0052a3}
hr{border:none;border-top:1px solid #eaeaea;margin:2rem 0}
footer{background:#f1f1f1;padding:1.5rem 0;margin-top:3rem;font-size:0.9rem;color:#666;text-align:center}
footer p{margin:0.3rem 0}
@media (max-width:600px){
  .container{padding:0 1rem}
  h2{font-size:1.4rem}
  nav{gap:0.7rem}
  nav a{font-size:0.85rem}
}