/* ═══════════════════════════════════════════════════════════════════════════
   READING POLISH · 2026-09-14 · the study page and the verse page
   Board order, and the order is the spec: no reading-polish or section-17
   hierarchy spec exists on the box. Layout, type and tokens only - no signed
   word, corpus row or approval changes here.

   LOADED LAST (base.html, after layers.css), so it wins by order where
   specificity ties. Removing this file and its <link> returns both pages to
   their prior geometry; the template changes that go with it are named in
   design/READING-POLISH-01.md.

   NO COLOUR LITERAL. Every colour is a style.css token, and those tokens are
   now the one set (see the ground block in style.css).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── STUDY 1 · the signed reading leads ──────────────────────────────────── */
.rd-study-main > .rd-restatement{ margin:var(--s3) 0 var(--s4) }
/* The heading over the verse evidence, once the reading is above it. It carries the
   same weight as the page's other section headings and a rule above it, because it
   is where the page turns from the editors' reading to the text that reading answers
   to. */
.rd-rests-on-h{
  font-family:var(--f-display); font-size:1.33rem; font-weight:600;
  line-height:1.25; color:var(--ink);
  margin:var(--s4) 0 var(--s2); padding-top:var(--s3);
  border-top:1px solid var(--line);
}

/* ── STUDY 6 / VERSE · "In plain words" STAYS IN THE SANS EDITORIAL FACE ─────
   Anwar's ruling, 2026-09-14: no serif. A first build set it in Spectral and
   layer_type_gate L2 refused it; the ruling keeps static/layers.css's one
   editorial treatment on every surface (sans, on the warm ground, ruled and
   labelled), so no rule here touches its face or size. */
/* A label inside an eyebrow or a heading sits a little apart from the words. */
.rd-ed-lead .rd-eyebrow .tier-tag,
#rd-find-h .tier-tag{ margin-inline-start:.6rem; vertical-align:.12em }

/* Titles: 300 was requested and never shipped (only 400 and 600 are vendored), so
   the browser silently used 400. style.css now asks for 400; this states it for the
   study title, whose own rule does not set a weight. */
.rd-study-q{ font-weight:400 }

/* ── STUDY 2 · the verse spine ───────────────────────────────────────────────
   Arabic and the lead rendering stay open. The compare fold and the one apparatus
   expander share a single row under them; whichever opens takes the full width. */
.rd-ev-row{
  display:flex; flex-wrap:wrap; align-items:baseline;
  column-gap:1.25rem; row-gap:0; margin:.2rem 0 0;
}
.rd-ev-row > details{ flex:0 0 auto; max-width:100%; min-width:0 }
.rd-ev-row > details[open]{ flex-basis:100% }
.rd-ev-row .rd-ev > summary{ margin:.2rem 0 }
.rd-ev-apparatus .rd-ev-receipt{ margin-top:.6rem }
.rd-passage .verse-block{ padding:var(--s1) 0 var(--s2) }
/* The Arabic is NOT resized here. A first build stepped the study's Arabic down, and
   layer_type_gate L4 refused it: the Arabic is one treatment on every surface, so a
   reader meets the same text at the same size on the reader, the verse page and a
   study. The spine is shortened by the folds, not by shrinking the source. */

/* ── STUDY 7 · the phone ─────────────────────────────────────────────────── */
.rd-study-minimap{ display:none }
@media (max-width:63.99rem){
  .rd-study-minimap{
    display:flex; align-items:center; gap:.6rem;
    position:sticky; top:0; z-index:15;
    margin:0 0 var(--s2); padding:.4rem 0;
    background:var(--paper); border-bottom:1px solid var(--line);
    overflow-x:auto; white-space:nowrap; scrollbar-width:thin;
  }
  .rd-minimap-k{
    flex:0 0 auto; font-family:var(--f-sans); font-size:.75rem; font-weight:600;
    letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);
  }
  .rd-study-minimap ol{ display:flex; gap:.4rem; list-style:none; margin:0; padding:0 }
  .rd-study-minimap li{ flex:0 0 auto }
  .rd-study-minimap a{
    display:inline-flex; align-items:center; min-height:2.75rem; padding:0 .75rem;
    font-family:var(--f-mono); font-size:.8125rem; color:var(--ink);
    text-decoration:none; background:var(--paper-raised);
    border:1px solid var(--line-strong); border-radius:2px;
  }
  .rd-study-minimap a:focus-visible{ outline:2px solid var(--ink); outline-offset:2px }
  /* One map on screen: the rail's map card, which stacks under the whole study at
     this width, is hidden while the row above carries its references. */
  .rd-study-rail > [data-study-progress]{ display:none }
  /* A passage reached from the sticky row lands clear of it. */
  .rd-passage{ scroll-margin-top:4.25rem }
  /* The jump buttons: one row that scrolls, never two stacked rows. */
  .rd-study-nav{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; padding-bottom:.15rem }
  .rd-study-nav a{ flex:0 0 auto; white-space:nowrap }
}

/* ── VERSE 8 · the top of the page, one column ───────────────────────────────
   The locator was a card in the right-hand third of a grid whose left cell had
   emptied when prev/next moved to the fixed bar. It is the page's heading block
   now: full width, no card, directly above the lens row. */
@media (min-width:64rem){
  .zone-a:has(>.locator){ display:block }
  .zone-a>.locator{
    background:none; border:0; border-radius:0;
    padding:0; margin:var(--s3) 0 var(--s2);
  }
}

/* ── VERSE 9 · the reference is the page's identity ──────────────────────── */
.zone-a>.locator .vtitle,
.locator .verse-bar .vtitle{
  font-family:var(--f-display); font-weight:600;
  font-size:clamp(2.125rem, 1.7rem + 1.6vw, 2.75rem); line-height:1.1;
  letter-spacing:.01em; color:var(--ink);
  font-variant-numeric:lining-nums tabular-nums;
  margin:.15rem 0 0;
}

/* ── VERSE 10 · the six lenses, one scrolling row on a phone ─────────────── */
@media (max-width:47.99rem){
  .toggle.lenses{
    display:flex; flex-wrap:nowrap; max-width:100%;
    overflow-x:auto; scrollbar-width:thin;
  }
  .toggle.lenses a{ flex:0 0 auto; white-space:nowrap }
}