/* Scoped reading surfaces; metadata and hidden-answer access stay in views. */
.seo-reading{--seo-ink:#172338;--seo-muted:#536278;--seo-border:#dfe5ee;--seo-panel:#fff;--seo-soft:#f4f7fb;--seo-focus:#4f46e5}
.dark .seo-reading{--seo-ink:#edf2fa;--seo-muted:#b5c2d5;--seo-border:#334155;--seo-panel:#182334;--seo-soft:#222f43;--seo-focus:#a5b4fc}
.seo-reading__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.seo-reading__intro{max-width:74ch;margin:2rem 0;color:var(--seo-muted);font-size:1rem;line-height:1.85}
.seo-reading__intro p+p{margin-top:1rem}
.seo-reading__topics{scroll-margin-top:6rem}
.seo-reading__link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;list-style:none;padding:0}
.seo-reading__link{display:flex;align-items:center;gap:.8rem;min-height:3.5rem;height:100%;padding:.9rem 1rem;border:1px solid var(--seo-border);border-radius:1rem;background:var(--seo-panel);color:var(--seo-ink);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.seo-reading__link:hover{background:var(--seo-soft);border-color:var(--seo-focus)}
.seo-reading__link:focus-visible,.seo-reading a:focus-visible{outline:3px solid var(--seo-focus);outline-offset:3px}
.seo-reading__number{font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--seo-muted);flex-shrink:0}
.seo-reading__arrow{margin-left:auto;flex-shrink:0;color:var(--seo-muted)}
.seo-reading__questions{display:grid;gap:.65rem;padding:0;list-style:none}
.seo-reading--question article{overflow-wrap:anywhere}
.seo-reading--question article h1 p{margin:0}
@media(max-width:640px){.seo-reading__link-grid{grid-template-columns:minmax(0,1fr)}.seo-reading__actions{flex-direction:column;align-items:stretch}.seo-reading__actions .ux-button{justify-content:center}.seo-reading__intro{font-size:.95rem;line-height:1.8}.seo-reading__link{padding:.85rem;min-height:3.25rem}}
@media(prefers-reduced-motion:reduce){.seo-reading__link{transition:none}}

/* Give subject introductions room when no commissioned artwork exists. */
.seo-reading--subject .ux-hero:has(.ux-hero__art:not([data-banner-id])){grid-template-columns:minmax(0,1fr);background:linear-gradient(120deg,var(--seo-panel) 65%,var(--seo-soft))}
.seo-reading--subject .ux-hero__art:not([data-banner-id]){display:none}
.seo-reading--subject .ux-hero h1{max-width:24ch}
.seo-reading--subject .seo-reading__actions .ux-button{margin-top:0}
.seo-reading--subject .ux-hero__metrics{border-top:0;padding-top:0;gap:28px;margin-top:22px}
.seo-reading--subject .ux-hero__metrics>div{flex-direction:row;align-items:baseline;gap:7px}
.seo-reading--subject .ux-hero__metrics dt{font-size:13px}
.seo-reading--subject .ux-hero__metrics dd{font-size:24px;order:-1}
.seo-reading__arrow{margin-left:0;margin-inline-start:auto}