html { color-scheme: dark; }
body.theme-j22 {
  --night: #0a1628; --panel: #0a1628; --bone: #dbeafe; --mute: #60a5fa; --gold: #60a5fa; --cta: #1d4ed8;
  background: #0a1628; color: #dbeafe; font-family: ui-sans-serif, system-ui, sans-serif;
}
body.theme-j22 .top { background: #0a1628; border-bottom: 2px solid #60a5fa; }
body.theme-j22 .offer-bar { background: #1d4ed8; border: 0; color: #fff; }
body.theme-j22 .offer-bar p { color: #fff; }
body.theme-j22 .cta { background: #1d4ed8; border-radius: 2px; }
body.theme-j22 .nav a[aria-current="page"] { background: #60a5fa; color: #0a1628; }
body.theme-j22 .facts dd { color: #60a5fa; }
body.theme-j22 .jump a { color: #60a5fa; }
body.theme-j22 .page-head h1 { font-size: clamp(1.6rem, 4vw, 2.6rem); }
body.theme-j22 .hero-art img { border: 2px solid #60a5fa; }

@media (min-width: 880px) {
  body.theme-j22 .layout { grid-template-columns: 16rem minmax(0,1fr); }
  body.theme-j22 .stub { order: -1; }
}