:root{
  --bg:#ffffff;
  --fg:#0b1220;
  --accent:#0b5cff;
  --muted:#6b7280;
}
body{font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--fg);margin:0}
.container{max-width:980px;margin:0 auto;padding:1rem}
.site-header{background:var(--fg);color:#fff;padding:.75rem 0}
.site-header .logo{margin:0;font-size:1.25rem}
.top-nav a{color:#fff;margin-left:1rem;text-decoration:none}
.hero{padding:2rem 0;border-bottom:1px solid #eee}
.hero h2{font-size:1.5rem;color:var(--fg)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}
.card{background:#f7f9fc;border:1px solid #e6eef9;padding:1rem}
.site-footer{background:#0f1724;color:#cbd5e1;padding:1rem;margin-top:2rem}
.site-footer a{color:#cbd5e1}
/* High-contrast accessibility tweaks */
button, a{outline-color:var(--accent)}