:root{
  --max-w: 900px;
  --accent: #004b9a;
  --muted: #666;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;margin:0;color:#222;background:#fff}
.container{max-width:var(--max-w);margin:1.6rem auto;padding:0 1rem}
.site-header{background:#f5f8fb;padding:1rem 0;border-bottom:1px solid #e6eef9}
.brand{margin:0;font-size:1.25rem}
.brand a{text-decoration:none;color:var(--accent)}
.tagline{margin:0;color:var(--muted);font-size:0.9rem}
.hero h2{margin-top:0}
.muted{color:var(--muted)}
.about ul{line-height:1.6}
.site-footer{background:#f9fafb;border-top:1px solid #eee;padding:1rem 0;margin-top:2rem;text-align:center;color:var(--muted);font-size:0.95rem}
.notice.success{background:#e9f9ee;border-left:4px solid #2d9a5a;padding:0.75rem;margin:0.5rem 0}
.small{font-size:0.9rem;color:var(--muted)}