.reading-preview {padding-top:32px;padding-bottom:64px;max-width:960px}
.reading-preview h2 {font-size:clamp(26px,4vw,38px);line-height:1.2;margin:12px 0 20px}
.reading-preview p {margin:16px 0;max-width:750px;color:var(--muted)}
.reading-preview a {color:var(--accent-dark);text-decoration:underline;text-underline-offset:4px}
.breadcrumbs {display:flex;gap:8px 12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:30px}
.article-page {line-height:1.8}
.article-page h1 {max-width:780px}
.article-toc,.article-card {padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:28px 0}
.article-toc ol {margin-bottom:0}.article-toc li {margin:6px 0}
.article-card h3 {font-size:clamp(23px,3vw,30px);line-height:1.3;margin:14px 0}
.article-definitions dt {font-weight:700;margin-top:20px}
.article-definitions dd {margin:8px 0 20px;color:var(--muted)}
.article-page h2,.article-page h3 {scroll-margin-top:24px}
.article-page .document-note h2 {font-size:23px;margin-top:0}
.article-sources {font-size:15px}
@media(max-width:480px){.article-toc,.article-card {padding:20px}.article-page {line-height:1.75}.article-page h1 {letter-spacing:-.7px}.reading-preview {padding-bottom:40px}}

.reading-preview-grid {display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:36px}
.reading-thumbnail,.article-card-cover {display:block}
.reading-thumbnail img,.article-card-cover img {display:block;width:100%;height:auto;border-radius:18px;aspect-ratio:16/9;object-fit:cover}
.article-card-cover {margin-bottom:22px}.article-detail {max-width:1200px}
.article-body,.article-detail .breadcrumbs,.diagram-transcript {max-width:792px;margin-left:auto;margin-right:auto}
.article-hero {margin:0 0 20px}.article-hero img {display:block;width:100%;height:auto;border-radius:20px}
.article-hero figcaption,.article-figure figcaption {font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.article-figure {margin:30px 0}.article-figure img {display:block;width:100%;height:auto;border-radius:18px}
.diagram-transcript {margin-bottom:30px;font-size:14px}.diagram-transcript summary {cursor:pointer;color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){.reading-preview-grid {grid-template-columns:1fr;gap:24px}.reading-preview h2 {margin-top:12px}}