/* Shared Insights collection, featured cards and related reading. */
.reading-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.reading-grid.related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.reading-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--color-text); color:var(--color-text); text-decoration:none; background:var(--color-bg); }
.reading-card[hidden] { display:none; }
.reading-card > img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; filter:grayscale(1); border-bottom:1px solid var(--color-text); }
.reading-card:hover { color:var(--color-text); border-color:var(--color-accent); }
.reading-card:hover h3 { color:var(--color-accent-700); }
.reading-card-body { display:flex; flex:1; flex-direction:column; padding:24px; }
.reading-topic { font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--color-accent-700); }
.reading-card h3 { margin:18px 0 14px; font-family:var(--font-heading); font-size:clamp(20px,1.8vw,26px); font-weight:800; line-height:1.18; letter-spacing:-.02em; overflow-wrap:break-word; }
.reading-card p { margin:0 0 28px; font-size:14px; line-height:1.6; color:var(--color-neutral-700); }
.reading-meta { margin-top:auto; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:12px; }
.reading-section-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:24px; padding:72px 0 32px; }
.reading-section-heading h2 { margin:0; font-family:var(--font-heading); font-size:clamp(28px,3vw,44px); font-weight:800; letter-spacing:-.02em; text-transform:uppercase; }
.reading-number { color:var(--color-accent-700); font:700 13px ui-monospace,monospace; }
.reading-kicker { margin-left:auto; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.reading-more { padding:32px 0; border-bottom:2px solid var(--color-text); text-align:right; }
.reading-more a,.reading-text-link { color:var(--color-text); font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; text-underline-offset:5px; }
.insights-page { margin:0; background:var(--color-bg); color:var(--color-text); font-family:var(--font-body); }
.reading-shell { max-width:1440px; margin:0 auto; padding:0 48px; }
.reading-header { border-bottom:2px solid var(--color-text); }
.reading-header > div { min-height:80px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; padding-top:20px; padding-bottom:20px; }
.reading-brand { font-family:var(--font-heading); font-weight:800; font-size:16px; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; color:var(--color-text); }
.reading-nav { display:flex; gap:24px; flex-wrap:wrap; }
.reading-intro { padding:72px 0 40px; }
.reading-intro h1 { margin:16px 0 24px; font-family:var(--font-heading); font-size:clamp(48px,7vw,88px); font-weight:800; line-height:1; letter-spacing:-.04em; text-transform:uppercase; }
.reading-intro p { margin:0; max-width:60ch; font-size:18px; line-height:1.6; }
.reading-controls { display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; border-top:2px solid var(--color-text); }
.reading-controls[hidden] { display:none; }
.reading-controls button { padding:12px 16px; border:1px solid var(--color-text); background:transparent; color:var(--color-text); font:inherit; font-size:13px; cursor:pointer; }
.reading-controls button[aria-pressed="true"] { color:#fff; background:var(--color-text); }
.reading-count { margin:0 0 24px; font-size:13px; color:var(--color-neutral-700); }
.reading-footer { border-top:2px solid var(--color-text); margin-top:72px; }
.reading-footer > div { display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; padding-top:32px; padding-bottom:32px; font-size:12px; }
.related-reading { max-width:1100px; margin:0 auto; padding:0 24px 56px; }
.related-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:16px; border-top:2px solid var(--color-text); padding:32px 0; }
.related-heading h2 { margin:0; font:800 26px var(--font-heading); letter-spacing:-.02em; }
:focus-visible { outline:2px solid var(--color-accent); outline-offset:4px; }
@media(max-width:1040px) { .reading-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .featured-insights .reading-grid { grid-template-columns:1fr; } }
@media(max-width:640px) { .reading-shell { padding-left:20px; padding-right:20px; } .reading-grid,.reading-grid.related-grid { grid-template-columns:1fr; } .reading-intro { padding-top:48px; } .reading-card-body { padding:20px; } .reading-kicker { margin-left:0; width:100%; } .reading-controls button { text-align:left; } .reading-nav { gap:16px; } }

.reading-skip { position:absolute; top:-100px; left:20px; z-index:50; padding:12px; background:var(--color-bg); }
.reading-skip:focus { top:8px; }