/* Compact article recommendations with clear reading hierarchy. */
.related-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.related-card{display:flex;gap:18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;align-items:flex-start;min-width:0;transition:border-color .2s,box-shadow .2s}
.related-card:hover{border-color:#a8b1ba;box-shadow:0 8px 24px #10263f0c}
.related-card-image{flex:0 0 96px;overflow:hidden;border-radius:5px;background:#e8e7e2}
.related-card-image picture{display:block}
.related-card-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.related-card-copy{min-width:0}
.related-card-copy .eyebrow{display:block;font-size:10px;line-height:1.6;margin-bottom:10px}
.related-card-copy h3{font-size:19px;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px}
.related-card-copy .text-link{font-size:13px;padding:5px 0}
.inline-reading{margin:40px 0}
.reading .related-card--featured{border-left:4px solid var(--orange);background:#f0f3f5;padding:26px;gap:24px;text-decoration:none;color:var(--ink)}
.related-card--featured .related-card-image{flex-basis:180px}
.reading .related-card--featured h3{font-size:24px;line-height:1.3;margin:0 0 12px}
.reading .related-card--featured p{font-size:15px;line-height:1.65;margin:0 0 12px;color:var(--muted)}
.article-head .lead{max-width:760px}.article-body{line-height:1.85}
@media(max-width:1100px){.related-reading-grid{grid-template-columns:1fr}.related-card-image{flex-basis:112px}}
@media(max-width:600px){.reading .related-card--featured{padding:20px;gap:16px;flex-wrap:wrap}.related-card--featured .related-card-image{flex-basis:112px}.related-card--featured .related-card-copy{flex:1 1 220px}.reading .related-card--featured h3{font-size:21px}.related-card{padding:16px;gap:14px}.related-card-copy h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.related-card{transition:none}}