/* Page-local Direction A: the annotated pre-reading working sheet. */
.preread-opening {
  padding:clamp(2rem,5vw,5rem) var(--gutter) clamp(2.5rem,6vw,5.5rem);
  background:var(--paper);
  border-bottom:1px solid var(--line-gold);
}
.preread-opening__inner {
  display:grid;
  gap:clamp(2rem,5vw,5.5rem);
  align-items:center;
  max-width:var(--measure-wide);
}
.preread-opening .lhero__pos {
  color:var(--ink-soft);
  border-color:var(--line-gold);
  background:var(--paper);
}
.preread-opening .lhero__title { color:var(--ink); max-width:18ch; font-family:'Markazi Text',var(--font-fa); }
.preread-opening .lhero__sub { color:var(--ink-soft); max-width:52ch; }
.preread-opening .b3-intro__actions { margin-top:1.5rem; }
.preread-sheet {
  margin:0;
  max-width:280px;
  justify-self:center;
}
.preread-sheet svg { width:100%; height:auto; }
.preread-sheet figcaption {
  display:grid;
  gap:.4rem;
  margin-top:1rem;
  padding-top:.85rem;
  border-top:1px solid var(--line-gold);
  color:var(--ink-soft);
  font-size:var(--fs-meta);
  line-height:var(--lh-body);
}
.preread-sheet figcaption span:first-child {
  color:var(--ink);
  font-weight:700;
  direction:ltr;
  text-align:right;
}
.preread-sheet figcaption span:last-child { color:var(--ink-meta); }
.blindspot__bridge--always { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--line-gold); }
.blindspot__retry { margin-top:12px; padding:0; border:0; border-bottom:1px solid var(--ink-soft); background:transparent; color:var(--ink); font:inherit; font-weight:600; cursor:pointer; }
.preread-format-note {
  max-width:var(--measure-lesson);
  margin:1.5rem auto 0;
  padding-inline:var(--gutter);
  color:var(--ink-soft);
  font-size:var(--fs-meta);
}
.preread-format-note a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.preread-depths { padding:0 var(--gutter) clamp(2rem,5vw,4rem); background:var(--paper); }
.preread-depths__inner { max-width:var(--measure-lesson); margin:0 auto; border-top:1px solid var(--line-gold); }
.preread-depths details { margin:0; }
.preread-depths summary { padding:1rem 0; }
.preread-depths p { margin:0 0 1rem; color:var(--ink-soft); line-height:var(--lh-body); }
.audit,.dcard { background:transparent; border:0; border-radius:0; box-shadow:none; }
.b3-companion--after .btn--secondary { border-color:var(--ink-soft); }
.b3-section { padding-block:clamp(1.75rem,4vw,3.5rem); border-top:1px solid var(--line-soft); }
.b3-section:first-of-type { border-top:0; }
.b3-example { margin-block:1.75rem; }
.b3-depth { border-inline-start:3px solid var(--ink); padding-inline-start:1rem; }
.audit__revision,.audit__first-attempt { color:var(--ink-meta); font-size:var(--fs-meta); margin:.25rem 0; }
.audit__first-record { margin:8px 0 0; text-align:start; }
.audit__first-record summary { font-size:var(--fs-meta); }
.audit__first-record ol { margin:8px 0 0; padding-inline-start:1.25rem; color:var(--ink-soft); font-size:var(--fs-meta); line-height:1.7; }
.audit__profile-note { margin:6px 0 12px; color:var(--ink-meta); font-size:var(--fs-meta); line-height:var(--lh-body); }
.audit__result-head h3 { color:var(--ink); font-size:19px; margin:8px 0; }
#silence,#scan,#triggers,#predict,#next-only,#rhythm { scroll-margin-top:84px; }
details { border-top:1px solid var(--line-gold); padding:.75rem 0; }
details summary { cursor:pointer; color:var(--ink); font-weight:600; }
@media (min-width:768px) {
  .preread-opening__inner { grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); }
  .preread-sheet { justify-self:start; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition-duration:0.01ms!important; animation-duration:0.01ms!important; }
}