
html { color-scheme: light; }
body.theme-j10 {
  --night: #f5f3ff; --panel: #f5f3ff; --bone: #1e1b4b; --mute: #6366f1; --gold: #6366f1; --cta: #4f46e5;
  background: #f5f3ff; color: #1e1b4b; font-family: Georgia, serif;
}
body.theme-j10 .top { background: #f5f3ff; border-bottom: 2px solid #6366f1; }
body.theme-j10 .offer-bar { background: #4f46e5; border: 0; color: #fff; }
body.theme-j10 .offer-bar p { color: #fff; }
body.theme-j10 .cta { background: #4f46e5; border-radius: 8px; }
body.theme-j10 .nav a[aria-current="page"] { background: #6366f1; color: #fff; }
body.theme-j10 .facts dd { color: #6366f1; }
body.theme-j10 .jump a { color: #6366f1; }
body.theme-j10 .page-head h1 { font-size: clamp(1.6rem, 4vw, 2.6rem); }
body.theme-j10 .hero-art img { border: 2px solid #6366f1; }

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

body.skin-rail .offer-bar, body.skin-rail .stub { display: none; }
body.skin-rail .nav { flex-direction: column; align-items: flex-start; }
@media (min-width: 880px) {
  body.skin-rail .layout { display: grid; grid-template-columns: 11rem minmax(0,1fr); gap: 2rem; }
  body.skin-rail .nav { position: sticky; top: 1rem; }
}
body.skin-rail main { max-width: 38rem; }
