*{box-sizing:border-box;margin:0;padding:0}
    :root{
      --bg:#0F172A;--surface:#1E293B;
      --slate:#94A3B8;--slate-glow:rgba(148,163,184,0.12);--slate-glow2:rgba(148,163,184,0.06);
      --accent:#7DD3FC;
      --white:#F8FAFC;--muted:#94A3B8;--border:rgba(148,163,184,0.18)
    }
    body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.8}
    nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 5%;background:rgba(15,23,42,0.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
    .nav-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;color:var(--white);text-decoration:none}
    .nav-logo span{color:var(--accent)}
    .nav-links{display:flex;align-items:center;gap:1.5rem}
    .nav-links a{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .2s}
    .nav-links a:hover{color:var(--accent)}
    .wrap{max-width:780px;margin:0 auto;padding:9rem 5% 6rem;position:relative;z-index:1}
    .page-label{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:1rem}
    h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}
    .meta{font-family:'DM Mono',monospace;font-size:.78rem;color:var(--muted);display:flex;gap:2rem;flex-wrap:wrap;padding-bottom:2.5rem;border-bottom:1px solid var(--border);margin-bottom:3rem}
    .intro{background:var(--slate-glow2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:1.5rem 1.8rem;margin-bottom:3rem}
    .intro p{font-size:.95rem;color:var(--muted)}
    .intro strong{color:var(--accent)}
    .section{margin-bottom:3rem}
    .section h2{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.6rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);margin-bottom:1rem}
    .num{font-family:'DM Mono',monospace;font-size:.75rem;color:var(--accent);background:var(--slate-glow);padding:.2rem .5rem;border-radius:4px}
    .section p{color:var(--muted);font-size:.95rem;margin-bottom:1rem}
    .section ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:.8rem 0 1rem}
    .section ul li{color:var(--muted);font-size:.95rem;padding-left:1.4rem;position:relative}
    .section ul li::before{content:'▸';position:absolute;left:0;color:var(--accent)}
    .highlight{color:var(--accent);font-weight:500}
    footer{padding:2.5rem 5%;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}
    .footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
    .footer-links a{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}
    .footer-links a:hover{color:var(--accent)}
    .footer-copy{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);opacity:.5}
    @media(max-width:768px){.wrap{padding:7rem 5% 4rem}.meta{flex-direction:column;gap:.5rem}footer{flex-direction:column;text-align:center}}
  
/* Brand accent for footer logo span */
.ft-accent { color: #7DD3FC; }

/* Footer brand link on legal pages */
.legal-brand-link { font-family: 'Syne', sans-serif; font-weight: 800; font-size: .95rem; text-decoration: none; color: var(--white); }

/* Skip-to-content — WCAG 2.4.1 Level A */
.skip-link {
  position: absolute;
  top: -48px;
  left: 1rem;
  background: #10B981;
  color: #0F172A;
  padding: 0.5rem 1.1rem;
  border-radius: 0 0 6px 6px;
  z-index: 9999;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: top 0.15s ease;
}
.skip-link:focus { top: 0; outline: 2px solid #0F172A; outline-offset: 2px; }