.article-library,.article-related{padding:64px var(--gutter);background:#faf9f5}.article-library h2,.article-related h2{font-size:clamp(2rem,3vw,3.5rem);margin-bottom:24px}.article-categories{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.article-categories button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid #bbc5d5;border-radius:999px;background:#fffdf8;color:#304aa0;font:inherit;cursor:pointer;transition:background .2s,color .2s}.article-categories button:hover,.article-categories button[aria-pressed=true]{background:#304aa0;color:#fff}.article-count{margin-bottom:22px;color:#657085}.articles-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.articles-index-grid .article-card:first-child{grid-column:auto;grid-row:auto}.articles-index-grid .article-card:first-child h3{font-size:clamp(1.4rem,1.8vw,2rem)}.articles-index-grid .article-card:first-child .article-card-copy{padding:24px}.articles-index-grid .article-card>img,.articles-index-grid .article-card:first-child>img{aspect-ratio:1.6;object-fit:cover}.article-card[hidden]{display:none}.article-opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center;padding:52px var(--gutter) 72px;background:#f4efe5}.article-opening h1{font-size:clamp(2.5rem,4vw,5.3rem);line-height:1.1;margin:24px 0;letter-spacing:-.035em}.article-lead{font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.65;color:#566176}.article-byline{font-size:.82rem;margin-top:24px;color:#657085}.article-breadcrumbs{background:#f4efe5}.article-opening-photo{width:auto;max-width:100%;justify-self:center;border-radius:28px;aspect-ratio:auto;max-height:590px;object-fit:contain;filter:none}.article-reading{display:grid;grid-template-columns:minmax(180px,.33fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);padding:72px var(--gutter);max-width:1600px;margin:auto}.article-toc{position:sticky;top:28px;align-self:start}.article-toc>p{font-weight:600;margin-bottom:20px}.article-toc nav{display:grid;gap:12px;margin-bottom:28px}.article-toc nav a{padding:12px 16px;border:1px solid #dce0e6;border-radius:14px;text-decoration:none;font-size:.87rem;line-height:1.5;background:#fffdf8;transition:border-color .2s,background .2s}.article-toc nav a:hover{border-color:#9dadcc;background:#edf0f6}.article-text{max-width:760px}.article-text section{margin-bottom:44px;scroll-margin-top:32px}.article-text h2{font-size:clamp(1.65rem,2.3vw,2.6rem);line-height:1.2;margin-bottom:22px}.article-text p,.article-text li{font-size:clamp(1.05rem,1.1vw,1.15rem);line-height:1.8;color:#48556b}.article-text p+p{margin-top:20px}.article-text ul{padding-left:25px;margin-top:20px}.article-text li+li{margin-top:12px}.article-sources a{overflow-wrap:anywhere}.article-next-step{padding:28px;border:1px solid #d5ddca;border-radius:22px;background:#eff3e9}.article-next-step p{margin-bottom:20px}.article-related .article-card:first-child h3{font-size:1.45rem}
@media(max-width:999px){.articles-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reading{grid-template-columns:200px minmax(0,1fr);gap:28px}.article-opening h1{font-size:clamp(2.5rem,5vw,4rem)}}
@media(max-width:767px){.article-library,.article-related{padding-block:48px}.articles-index-grid{grid-template-columns:1fr}.article-opening{grid-template-columns:1fr;padding-block:34px 44px;gap:28px}.article-opening h1{font-size:clamp(2.3rem,8vw,3.4rem)}.article-opening-photo{max-height:460px;width:auto;justify-self:center}.article-reading{display:block;padding-block:44px}.article-toc{position:static;margin-bottom:40px}.article-toc nav{gap:8px}.article-text p,.article-text li{font-size:1rem;line-height:1.75}.article-text section{margin-bottom:36px}.article-categories{gap:8px}.article-categories button{font-size:.85rem;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.article-categories button,.article-toc nav a{transition:none}}

.article-library-button{margin-top:28px}.articles-index-grid .article-card>img.article-artwork,.articles-index-grid .article-card:first-child>img.article-artwork{object-fit:contain;object-position:center;padding:18px;background:#f1ece2}.article-opening-artwork{max-height:590px;width:auto;max-width:100%;justify-self:center;border-radius:28px}

/* Keep the complete approved scene, including the book spine or poster frame. */
.article-card>img.article-composed-scene,.articles-index-grid .article-card>img.article-composed-scene,.articles-index-grid .article-card:first-child>img.article-composed-scene{aspect-ratio:4/5;object-fit:cover;object-position:center;padding:0;background:#f4efe5}
.articles-index-grid .article-card:first-child h3{max-width:none}