/* ==========================================
   READING MODE — manuskript-spejl
   Slice 01. Lys læseflade der ARVER fra TKBARS-rygraden:
   - spacing: --space-* (style.css)
   - serif:   Cormorant Garamond (digt-font)
   - mono:    Space Mono (self-hosted)
   - accent:  --brake-light-red (eksisterende token) som stød, ikke tæppe
   Ingen ny token-stak. Mørkt hovedrum bevares; kun læsefladen er lys.
   ========================================== */

.page-reading {
  /* Læseflade-variabler — eneste nye; resten arves */
  --rm-paper:      #F6F1E7;
  --rm-paper-edge: #EBE4D4;
  --rm-ink:        #171311;          /* nær-sort krop */
  --rm-ink-soft:   #5b554c;
  --rm-accent:     var(--brake-light-red);  /* oxblood-stød, arvet token */
}

/* Mørkt hovedrum bevares bagved; læsefladen er et lyst ark der flyder ovenpå */
main.reading {
  display: flex;
  justify-content: center;
  padding: var(--space-lg) var(--space-md) var(--space-2xl);
}

.rm {
  background: var(--rm-paper);
  color: var(--rm-ink);
  width: 100%;
  max-width: 1140px;
  padding: clamp(28px, 5vw, 88px);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

/* --- Hoved --- */
.rm__head { margin-bottom: var(--space-xl); }
.rm__eyebrow {
  font-family: 'Space Mono', monospace;
  font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--rm-ink-soft);
  margin-bottom: var(--space-md);
}
.rm__title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: clamp(42px, 6.5vw, 76px);
  line-height: 1.0;
  color: var(--rm-ink);
  letter-spacing: 0.005em;
}
.rm__rule {
  width: 64px; height: 3px;
  background: var(--rm-accent);   /* eneste rød flade — stødet */
  margin-top: var(--space-md);
}

/* --- Spejlet: artefakt | typeset --- */
.rm__spread {
  display: flex;
  gap: clamp(24px, 4vw, 60px);
  align-items: flex-start;
}
.rm__artifact,
.rm__text { flex: 1 1 0; min-width: 0; }

/* Artefakt-side — det rå ark */
.rm__scan { margin: 0 0 var(--space-md); }
.rm__scan-img {
  display: block; width: 100%; height: auto;
  border: 1px solid var(--rm-paper-edge);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
}
.rm__artifact-note {
  font-family: 'Space Mono', monospace;
  font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--rm-ink-soft);
  margin-top: var(--space-sm);
}

/* Typeset-side — den rene, læselige sætning */
.rm__text { padding-top: var(--space-xs); }
.rm__stanza {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(19px, 1.5vw, 23px);
  line-height: 1.85;
  color: var(--rm-ink);
  margin-bottom: 1.7em;
}
.rm__stanza:last-child { margin-bottom: 0; }

/* Diskret arkiv-kolofon — fakta, ikke fortolkning */
.rm__colophon {
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: 1px solid var(--rm-paper-edge);
  font-family: 'Space Mono', monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--rm-ink-soft);
  display: flex; flex-wrap: wrap; gap: var(--space-md) var(--space-lg);
}
.rm__colophon strong { color: var(--rm-accent); font-weight: 400; }

/* --- Responsivt: stablet på mobil, tekst først (læsning prioriteres) --- */
@media (max-width: 899px) {
  .rm__spread { flex-direction: column; }
  .rm__text { order: -1; }
}

/* --- Solo typeset: digt UDEN manuskript-scan — ren læsespalte ---
   Bruges når et ark kun har tekst (+ evt. stemme). Manuskript-registret
   er en slot der lyser op når en scan findes; uden scan står teksten alene. */
.rm--solo { max-width: 760px; }
.rm__solo-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(20px, 2vw, 25px);
  line-height: 1.75;
  color: var(--rm-ink);
}
.rm__solo-text p {
  white-space: pre-line;   /* bevar TK's linjeskift fra kilden ordret (G21) */
  margin: 0 0 1.7em;
  word-wrap: break-word;
}
.rm__solo-text p:last-child { margin-bottom: 0; }
.rm__solo-text em { font-style: italic; }

/* --- Lyd-registret: T.K. læser selv. Diskret, ingen unødig player-pynt --- */
.rm__audio {
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: 1px solid var(--rm-paper-edge);
}
.rm__audio-label {
  display: block;
  font-family: 'Space Mono', monospace;
  font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase;
  color: var(--rm-ink-soft); margin-bottom: var(--space-sm);
}
.rm__audio audio { width: 100%; max-width: 420px; }

/* --- Stille navigation: forrige / næste. Ét digt ad gangen --- */
.rm__nav {
  margin-top: var(--space-2xl);
  padding-top: var(--space-md);
  border-top: 1px solid var(--rm-paper-edge);
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md);
}
.rm__nav a { color: var(--rm-ink); text-decoration: none; }
.rm__nav-next { text-align: right; }
.rm__nav-label {
  display: block;
  font-family: 'Space Mono', monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--rm-ink-soft); margin-bottom: 4px;
}
.rm__nav-title {
  font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 18px; border-bottom: 1px solid transparent;
}
.rm__nav a:hover .rm__nav-title { border-bottom-color: var(--rm-ink); }
.rm__nav a:focus-visible { outline: 2px solid var(--rm-accent); outline-offset: 3px; }
@media (max-width: 600px) {
  .rm__nav { grid-template-columns: 1fr; }
  .rm__nav-next { text-align: left; }
}

/* --- Reduced motion: intet at dæmpe (statisk), men eksplicit respekt --- */
@media (prefers-reduced-motion: reduce) {
  .rm, .rm__scan-img, .rm__nav-title { transition: none; }
}