/* Longer research examples use the approved shared color and type tokens. */
.reader-purpose { margin-block: 48px; }
.reader-purpose p, .reader-purpose li, .reader-purpose blockquote { max-inline-size: 70ch; }
.reader-purpose-steps { display: grid; gap: 16px; padding-inline-start: 24px; }
.reader-purpose .rh-kicker, .reader-purpose .rh-preview-note { color: var(--text-2); }
.reader-purpose .rh-trail { margin-block: 48px; padding: 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.reader-purpose .rh-trail header, .reader-purpose .rh-trail footer { padding: 0; color: var(--text); background: var(--surface); }
.reader-purpose .rh-trail-list { display: grid; gap: 24px; margin-block: 24px; padding-inline-start: 24px; }
.reader-purpose .rh-trail-date { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--text-2); }
.reader-purpose .rh-trail blockquote, .reader-purpose .rh-program-evidence blockquote { color: var(--text-2); margin: 16px 0; }
.reader-purpose .rh-preview { padding: 0; }
.reader-purpose .rh-preview-list { list-style: none; display: grid; gap: 0; padding: 0; margin-block: 24px; border: 1px solid var(--border); border-radius: 12px; }
.reader-purpose .rh-program { max-inline-size: none; padding: 24px; border-bottom: 1px solid var(--border); }
.reader-purpose .rh-program:last-child { border-bottom: 0; }
.reader-purpose .rh-program-grid, .reader-purpose .rh-preview-labels { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.reader-purpose .rh-program-grid > *, .reader-purpose .rh-program-grid p { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.reader-purpose .rh-program-identity strong { display: block; }
.reader-purpose .rh-ticker { font-weight: 600; letter-spacing: .02em; }
.reader-purpose .rh-preview-labels { color: var(--text-2); }
.reader-purpose .rh-program-evidence { margin-block-start: 24px; }
.reader-purpose .rh-program-evidence summary { min-height: 44px; cursor: pointer; color: var(--accent); }
.reader-purpose .rh-evidence-checked, .reader-purpose .rh-trail-review { color: var(--text-2); }
.reader-inspect-links { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-block-start: 48px; }
.reader-inspect-links a { min-height: 44px; }
@media (max-width: 767px) {
  .reader-purpose .rh-program-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .reader-purpose .rh-preview-labels { display: none; }
}