:root{
  --bg:#0b1220;        /* header/footer background */
  --ink:#0f172a;       /* dark text */
  --ink-muted:#475569; /* muted text */
  --paper:#ffffff;     /* page background */
  --brand:#2563eb;     /* primary */
  --brand-ink:#e2e8f0; /* on-primary */
  --section:#f8fafc;   /* alt section */
  --radius:12px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  line-height:1.6;
  color:var(--ink);
  background:var(--paper);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#fff;padding:8px 12px;border-radius:6px}

.site-header{background:var(--bg);color:#fff;position:sticky;top:0}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.site-header{background:var(--bg);color:#fff;position:sticky;top:0}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}

main{flex:1}

.active-tab {
  font-weight: 600; /* bold */
  color: #2563eb;
  border-bottom: 2px solid #2563eb;
}

.brand{color:#fff;text-decoration:none;font-weight:600;letter-spacing:0.2px;display:inline-flex;align-items:center;gap:10px}
.brand .logo{display:block;height:24px;width:auto;border-radius:6px}
.nav a{color:#cbd5e1;text-decoration:none;margin-left:20px}
.nav a:hover{color:#fff}

.container{max-width:1240px;margin:0 auto;padding:0 20px}

.section{padding:48px 0}
.section.alt{background:var(--section)}
.section h2{margin-top:0}

.site-footer{background:var(--bg);color:#94a3b8;padding:20px 0;margin-top:24px}
.site-footer p{margin:0}