/* Opt-in Method/Journal theme. Existing reference typography and layout stay in
   reference-pages.css; other consumers of that stylesheet are unchanged. */
html.reference-sky-page {
  color-scheme: dark;
  --paper: #f4ecdc;
  --ink: #f4ecdc;
  --copper: #d0b49d;
  --sp-reading-heading: #f4ecdc;
  --reference-rule: #f4ecdc40;
  min-height: 100%;
  background:
    radial-gradient(ellipse 115% 42% at 54% 79%,rgb(99 50 92/.28) 0%,rgb(65 46 81/.16) 43%,transparent 76%),
    radial-gradient(ellipse 90% 50% at 22% 9%,rgb(45 67 93/.20) 0%,rgb(0 42 72/.08) 43%,transparent 76%),
    linear-gradient(180deg,#00243f 0%,#00243f 18%,#002a48 37%,#23223c 58%,#412e51 73%,#63325c 82%,#00243f 88%,#00243f 100%);
}
.reference-sky-page body {
  isolation: isolate;
  min-height: 100svh;
  background: transparent;
}
.reference-sky-page .reference-page-sky {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  contain: layout paint;
}
.reference-sky-page .sky-canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}
/* One quiet continuous reading column protects all text, including navigation,
   against bright stars. No extra panels or article-specific color exceptions. */
.reference-sky-page body > :is(header, main, footer) {
  background: rgb(0 36 63 / .9);
  padding-inline: clamp(1rem, 3vw, 2rem);
  border-color: var(--reference-rule);
}
.reference-sky-page aside { border-color: var(--reference-rule); }
.reference-sky-page a:focus-visible { outline-color: var(--paper); }
@media print {
  html.reference-sky-page {
    color-scheme: light;
    --paper: #23223c;
    --ink: #23223c;
    --copper: #6a3c3b;
    --sp-reading-heading: #6a3c3b;
    --reference-rule: #6a3c3b;
    background: white;
  }
  .reference-sky-page body,
  .reference-sky-page body > :is(header, main, footer) { background: white; }
  .reference-sky-page .reference-page-sky { display: none; }
}