.reading { width: min(calc(100% - 40px), 720px); margin: 62px auto 72px; }
.reading h1, .reading h2 { margin: 0; line-height: 1.12; letter-spacing: -.04em; text-wrap: balance; }
.reading h1 { font-size: clamp(36px, 7vw, 62px); }
.reading h2 { font-size: clamp(24px, 4vw, 34px); }
.reading p, .reading li { color: var(--soft); }
.reading-intro > p:not(.launch-label, .reading-byline) { font-size: 1.125rem; }
.reading .reading-byline, .reading figcaption { font-size: .875rem; color: var(--muted); }
.reading section { margin-top: 40px; }
.reading li + li { margin-top: 8px; }
.reading figure { margin: 0; }
.reading figure.reading-cover { width: min(100%, 280px); margin: 28px auto; }
.reading img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 4px; }
.reading figcaption { margin-top: 6px; }
.reading-spread { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 3vw, 24px); margin-top: 18px; }
.reading-next { padding-top: 28px; border-top: 1px solid var(--line); }
.reading-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; }
@media (max-width: 620px) { .reading { margin: 42px auto 52px; } }