/* Shared reader-guide pilot: existing type, colours, and independent links. */
.reader-brief {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  gap: clamp(1.75rem, 4vw, 4rem);
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line-strong);
  max-width: 70rem;
}
.reader-guide__eyebrow {
  margin: 0 0 1rem;
  color: var(--article-accent, var(--signal));
  font: 500 .7rem/1.5 var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.reader-brief h2 { margin: 0 0 1.15rem; font: 400 clamp(1.7rem, 2.6vw, 2.4rem)/1.15 var(--display); letter-spacing: -.025em; }
.reader-brief__summary { margin: 0 0 1rem; font-size: 1rem; line-height: 1.7; }
.reader-guide__limit { margin: 1rem 0; color: var(--muted); font-size: .9rem; line-height: 1.65; }
.reader-guide__limit strong { display: block; margin-bottom: .3rem; color: inherit; font-weight: 600; }
.reader-evidence { list-style: none; padding: 0; margin: 1.25rem 0 0; }
.reader-evidence li + li { margin-top: .8rem; }
.reader-evidence a { font-size: .82rem; line-height: 1.6; text-underline-offset: .2em; }
.reader-evidence li > span { display: block; margin-top: .2rem; color: var(--muted); font-size: .73rem; line-height: 1.6; }
.reader-brief__questions ol { margin: 0 0 1.5rem; padding-left: 1.5rem; }
.reader-brief__questions li { padding-left: .25rem; border-bottom: 1px solid var(--line); }
.reader-brief__questions li::marker { color: var(--muted); font-family: var(--mono); font-size: .75rem; }
.reader-brief__questions li a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 48px; padding: .6rem 0; font-size: .9rem; text-decoration: none; }
.reader-guide__story { display: inline-block; padding: .5rem 0; font-size: .85rem; text-underline-offset: .2em; }
.reader-questions { margin-top: 4rem; padding-top: 3rem; border-top: 1px solid var(--muted-meta); color: var(--reading-ink, var(--ink)); overflow-wrap: anywhere; }
.reader-questions .reader-guide__eyebrow { color: var(--muted-dark); }
.reader-questions h2 { margin: 0 0 1rem; font: 500 clamp(2rem, 4vw, 3rem)/1.1 var(--display); letter-spacing: -.03em; }
.reader-questions__intro { margin: 0 0 2rem; font-size: 1rem; line-height: 1.75; }
.reader-answer { padding: 2rem 0; border-top: 1px solid var(--muted-meta); scroll-margin-top: 7rem; }
.reader-answer:target { border-top-color: var(--ink); }
.reader-answer:focus { outline: 2px solid var(--muted-dark); outline-offset: .5rem; }
.reader-answer__basis { margin: 0 0 .85rem; color: var(--muted-dark); font: 500 .7rem/1.6 var(--mono); }
.reader-answer__basis span { margin-right: .5rem; }
.reader-answer h3 { margin: 0 0 1rem; font: 500 clamp(1.6rem, 3vw, 2rem)/1.2 var(--display); letter-spacing: -.02em; }
.reader-answer h3 a { color: inherit; text-decoration: none; }
.reader-answer h3 a:hover { text-decoration: underline; text-underline-offset: .2em; }
.reader-answer > p:not([class]) { margin: 0; font-size: 1rem; line-height: 1.8; }
.reader-questions .reader-guide__limit { color: var(--muted-dark); border-left: 2px solid var(--muted-meta); padding-left: 1rem; }
.reader-questions .reader-evidence li > span { color: var(--muted-dark); }
.reader-questions__note { color: var(--muted-dark); font-size: .8rem; line-height: 1.65; }
.reader-brief a:focus-visible, .reader-questions a:focus-visible, .content-card__answers a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.content-card__question { margin: -.15rem 0 1rem; font: 400 1.1rem/1.4 var(--display); }
.content-card__citation { position: relative; z-index: 2; display: block; padding-block: .75rem; min-height: 44px; font-size: .72rem; line-height: 1.6; text-underline-offset: .2em; }
.reader-guide__story + .reader-guide__story { margin-left: 1.5rem; }
.content-card__answers { margin: 0 0 1.25rem; }
.content-card__answers > p { margin: 0 0 .5rem; font: 500 .65rem/1.5 var(--mono); color: var(--muted); }
.content-card__answers ul { padding: 0; margin: 0; list-style: none; }
.content-card__answers a { position: relative; z-index: 2; display: inline-block; min-height: 44px; padding: .6rem 0; font-size: .8rem; line-height: 1.5; text-underline-offset: .2em; }
@media (max-width: 700px) {
  .reader-brief { grid-template-columns: 1fr; }
  .reader-questions { margin-top: 3rem; padding-top: 2rem; }
}
@media print {
  .reader-brief { display: block; margin-top: 1cm; color: var(--ink); }
  .reader-brief__questions { display: none; }
  .reader-guide__eyebrow, .reader-guide__limit, .reader-evidence li > span { color: var(--muted-dark); }
  .reader-answer { break-inside: avoid; }
}
