.reading-page .detail-intro h1 { font-size: clamp(32px, 4vw, 52px); max-width: 1060px; }
.reading-page .detail-meta { margin-bottom: 16px; }
.reading-brief { max-width: 1060px; margin-top: 24px; padding: 24px 28px; background: var(--blue-pale); }
.reading-brief h2 { font-size: 28px; line-height: 1.25; letter-spacing: -.02em; }
.reading-asof { margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.reading-brief ul { margin: 20px 0 0; padding-left: 22px; }
.reading-brief li { padding-left: 4px; font-size: 17px; line-height: 1.7; }
.reading-brief li + li { margin-top: 12px; }
.reading-brief-note { margin-top: 18px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.reading-page .detail-toc { margin-top: 24px; }
.reading-page .detail-toc a { font-size: 14px; }
.reading-commentary { max-width: 740px; margin: 0 auto 40px; }
.reading-commentary h2 { font-size: 28px; line-height: 1.3; margin-bottom: 8px; letter-spacing: -.02em; }
.reading-commentary .reading-byline { margin: 0 0 20px; font-size: 13px; color: var(--muted); }
.reading-commentary > p:not(.reading-byline) { font-size: 18px; line-height: 1.8; }
.reading-commentary > p + p { margin-top: 16px; }
.reading-core > .detail-section { margin-top: 40px; }
.reading-core > .detail-section:first-child { margin-top: 0; }
.reading-supplementary { max-width: 1080px; margin: 48px auto 0; border-top: 1px solid var(--ink); }
.reading-supplementary > h2 { padding: 24px 0 12px; font-size: 24px; line-height: 1.3; }
.reading-disclosure { border-bottom: 1px solid var(--line); }
.reading-disclosure > summary { padding: 20px 0; cursor: pointer; font-size: 17px; font-weight: 700; line-height: 1.6; }
.reading-disclosure > summary:hover { color: var(--blue-dark); }
.reading-disclosure > summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.reading-disclosure-count { margin-left: 12px; font-size: 13px; color: var(--muted); font-weight: 400; }
.reading-disclosure-body { padding: 12px 0 28px; }
.reading-disclosure-body > .detail-section:first-child { margin-top: 0; }
.reading-disclosure-body .detail-photo { max-width: 960px; margin: 32px auto; }
.reading-disclosure-body .detail-body-photo { max-width: 740px; }
.reading-disclosure-body .detail-fact-spread { margin-top: 0; }
.reading-disclosure-body #sources { border-top: 0; padding-top: 0; }
.reading-disclosure-body #updates { border: 0; padding: 0; }
.reading-page [id] { scroll-margin-top: 100px; }
@media (max-width: 600px) {
  .reading-page .detail-intro h1 { font-size: 32px; }
  .reading-brief { padding: 20px; }
  .reading-brief h2, .reading-commentary h2 { font-size: 25px; }
  .reading-brief li { font-size: 16px; }
  .reading-commentary > p:not(.reading-byline) { font-size: 17px; }
  .reading-page .detail-toc > div { gap: 0 18px; }
  .reading-supplementary > h2 { font-size: 22px; }
  .reading-disclosure > summary { font-size: 16px; }
  .reading-disclosure-body .detail-photo figcaption { display: block; }
  .reading-disclosure-body .detail-photo figcaption > span { display: block; }
}
