.reading-main { max-width: 960px; padding-block: 64px 90px; }
.reading-main h1 { font-size: clamp(38px, 6vw, 66px); line-height: 1.08; letter-spacing: -.04em; margin: 22px 0; max-width: 850px; }
.reading-main h2 { font-size: clamp(27px, 4vw, 36px); line-height: 1.2; margin-bottom: 20px; }
.reading-main p, .reading-main li, .reading-main dd { font-size: 17px; line-height: 1.8; }
.reading-main p { margin-block: 16px; }
.reading-main .reading-lede { font-size: 22px; color: var(--muted); }
.reading-main a { text-decoration: underline; text-underline-offset: 4px; }
.reading-main section { margin-top: 52px; scroll-margin-top: 120px; }
.reading-article { max-width: 760px; margin: auto; }
.reading-byline { color: var(--muted); }
.reading-contents { display: grid; gap: 12px; padding: 24px; margin-top: 32px; border: 1px solid var(--line); border-radius: 12px; }
.reading-main ul { padding-left: 24px; }
.reading-main li { margin-block: 12px; }
.reading-examples dt { font-weight: 600; margin-top: 24px; }
.reading-examples dd { margin: 8px 0 24px; }
.reading-next { border-top: 1px solid var(--line); padding-top: 30px; }
.reading-main .row-top { flex-wrap: wrap; }
.reading-main .row h3 { font-size: 24px; }
@media(max-width: 600px) { .reading-main { padding-block: 36px 60px; } .reading-main .reading-lede { font-size: 20px; } }
@media print { .site-header, .site-footer, .skip-link { display: none; } .reading-main { max-width: none; padding: 0; } }