/* The immersive module uses its own document; share the editorial visual language. */
body:not([data-view="map"]) #universe { opacity: 0; pointer-events: none; }
:root {
  --paper: #fbf8f1;
  --lavender: #eee8f5;
  --sage: #e9eee1;
  --radius-sm: 12px;
  --radius-md: 18px;
  --serif: 'Instrument Serif', Georgia, serif;
  --sans: 'DM Sans', system-ui, sans-serif;
}
.intro-box { background: var(--paper); color: var(--ink); border: 1px solid rgba(14,13,11,.16); border-radius: var(--radius-md); backdrop-filter: none; padding: clamp(1.5rem,4vw,3rem); }
.intro-box::before,.intro-box::after { display: none; }
.intro-title { font: 400 clamp(2.2rem,5.5vw,4.8rem)/1.04 var(--serif); letter-spacing: -.035em; }
.intro-mono,.intro-body,.intro-sub { color: #625d54; }
.intro-body { font-family: var(--sans); }
.btn { border-radius: var(--radius-sm); min-height: 48px; font-size: .8rem; letter-spacing: 0; text-transform: none; box-shadow: none; }
.intro-box .btn { border-color: rgba(14,13,11,.3); color: var(--ink); }
.intro-box .btn.solid { background: var(--yellow); border-color: var(--yellow); }
.d-title { font: 400 clamp(2rem,4.5vw,3.5rem)/1.1 var(--serif); letter-spacing: -.025em; }
.d-journal,.d-note,.d-context,.d-quote { border-radius: var(--radius-md); box-shadow: none; border-color: rgba(241,235,222,.22); }
.d-quote { border-radius: 0; background: transparent; border-left: 4px solid var(--yellow); }
.d-context { overflow: hidden; }
.btn:focus-visible,.back-btn:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
.intro-box .btn:focus-visible { outline-color: #987a00; }
@media (prefers-reduced-motion: reduce) { .btn { transition: none; transform: none; } }