* { box-sizing: border-box; }
:root {
  --bg: #000;
  --text: #fff;
  --muted: rgba(255,255,255,.82);
  --soft: rgba(255,255,255,.64);
  --line: rgba(255,255,255,.22);
  --panel: #080808;
}
html { color-scheme: dark; background: var(--bg); scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background: #000;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
body::before {
  opacity: .7;
  background-image:
    radial-gradient(circle at 7% 12%, rgba(255,255,255,.82) 0 1px, transparent 1.4px),
    radial-gradient(circle at 18% 38%, rgba(255,255,255,.56) 0 1px, transparent 1.4px),
    radial-gradient(circle at 31% 18%, rgba(255,255,255,.72) 0 1px, transparent 1.4px),
    radial-gradient(circle at 46% 72%, rgba(255,255,255,.48) 0 1px, transparent 1.4px),
    radial-gradient(circle at 63% 23%, rgba(255,255,255,.68) 0 1px, transparent 1.4px),
    radial-gradient(circle at 77% 57%, rgba(255,255,255,.54) 0 1px, transparent 1.4px),
    radial-gradient(circle at 91% 31%, rgba(255,255,255,.76) 0 1px, transparent 1.4px);
  background-size: 230px 210px, 290px 260px, 340px 310px, 270px 250px, 320px 300px, 250px 230px, 360px 330px;
}
a { color: inherit; }
.skip-link { position:absolute; left:-9999px; top:0; }
.skip-link:focus { left: 12px; top: 12px; z-index: 20; padding: 10px 14px; border-radius: 12px; background:#fff; color:#000; }
.info-shell { width: min(880px, calc(100% - 28px)); margin: 0 auto; padding: max(18px, env(safe-area-inset-top)) 0 max(36px, env(safe-area-inset-bottom)); }
.info-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom: clamp(34px, 7vw, 72px); }
.brand { font-weight: 820; letter-spacing: -.035em; text-decoration:none; text-shadow: 0 0 18px rgba(255,255,255,.18); }
.back-link { display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border:1px solid var(--line); border-radius:999px; color:var(--muted); text-decoration:none; background:#080808; }
.back-link:hover, .back-link:focus-visible { color:#fff; border-color:rgba(255,255,255,.36); outline:none; }
.info-header { margin-bottom: 30px; }
.eyebrow { margin:0 0 10px; color:var(--soft); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(2.2rem, 7vw, 4.8rem); line-height:.98; letter-spacing:-.055em; text-shadow: 0 0 24px rgba(255,255,255,.18); }
.lead { max-width: 760px; margin:18px 0 0; color:var(--muted); font-size:clamp(1rem, 2.2vw, 1.18rem); line-height:1.65; }
.updated { margin:12px 0 0; color:var(--soft); font-size:.82rem; }
.info-content { display:grid; gap:18px; }
.info-section { padding:clamp(20px, 4vw, 32px); border:1px solid var(--line); border-radius:24px; background:#080808; box-shadow:0 18px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.info-section h2 { margin:0 0 14px; font-size:clamp(1.18rem, 3vw, 1.55rem); letter-spacing:-.025em; }
.info-section h3 { margin:24px 0 8px; font-size:1rem; }
.info-section p, .info-section li { color:var(--muted); line-height:1.68; }
.info-section p { margin: 0 0 13px; }
.info-section p:last-child { margin-bottom:0; }
ul { margin:10px 0 0; padding-left:1.2rem; }
li + li { margin-top:8px; }
.flow { margin:18px 0 0; padding:14px 16px; border-left:3px solid rgba(255,255,255,.54); background:#0a0a0a; color:#fff; font-weight:700; line-height:1.55; }
.notice { padding:14px 16px; border-radius:16px; background:#0a0a0a; color:var(--muted); }
.reference-list { display:grid; gap:10px; margin-top:12px; }
.reference-list a { display:block; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:14px; color:var(--muted); text-decoration:none; background:#080808; }
.reference-list a:hover, .reference-list a:focus-visible { color:#fff; border-color:rgba(255,255,255,.32); outline:none; }
.details-list { display:grid; gap:12px; }
details { border:1px solid var(--line); border-radius:18px; background:#080808; overflow:hidden; }
summary { cursor:pointer; padding:17px 19px; font-weight:760; line-height:1.4; }
summary:hover, summary:focus-visible { background:#0a0a0a; outline:none; }
details[open] summary { border-bottom:1px solid var(--line); }
.answer { padding:17px 19px; color:var(--muted); line-height:1.68; }
.answer p { margin:0 0 12px; }
.answer p:last-child { margin-bottom:0; }
.info-footer { margin-top:34px; padding-top:20px; border-top:1px solid var(--line); text-align:center; color:var(--soft); font-size:.84rem; line-height:1.6; }
.info-footer strong { color:#fff; }
.inline-link { color:#fff; text-underline-offset:.2em; }
@media (max-width: 560px) {
  .info-shell { width:min(100% - 20px, 880px); }
  .info-topbar { align-items:flex-start; }
  .brand { font-size:.9rem; }
  .back-link { padding:8px 11px; font-size:.82rem; }
  .info-section { border-radius:20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }


/* v81 · unified black + white secondary pages */
body { background:#000 !important; }
.info-section,
details,
.reference-list a,
.back-link,
.notice,
.flow {
  background:#080808 !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#fff;
}
.info-section {
  box-shadow:0 18px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.info-section p,
.info-section li,
.answer,
.notice,
.reference-list a,
.lead,
.back-link { color:rgba(255,255,255,.86) !important; }
.info-section h2,
.info-section h3,
summary,
.inline-link,
.info-footer strong { color:#fff !important; }
.reference-list a:hover,
.reference-list a:focus-visible,
.back-link:hover,
.back-link:focus-visible {
  color:#fff !important;
  border-color:#fff !important;
  background:#0a0a0a !important;
}
summary:hover,
summary:focus-visible { background:#0a0a0a !important; }
.flow { border-left-color:#fff !important; }
* { scrollbar-color:rgba(255,255,255,.34) #080808; }
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#080808; }
::-webkit-scrollbar-thumb { background:rgba(255,255,255,.28); border-radius:999px; border:2px solid #080808; }
::-webkit-scrollbar-thumb:hover { background:rgba(255,255,255,.42); }


/* v84 · cache-busted secondary pages; visual layer unchanged */