/* Approved series artwork; the page heading remains selectable, accessible text. */
.series-banner{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:2/1;width:100%;overflow:hidden;margin:0 0 24px;background:#10283f;color:#fcfaf5;border-radius:8px;text-align:left}
.series-banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.series-banner-copy{z-index:2;position:absolute;inset:0 auto 0 0;width:55%;padding:4%;display:flex;flex-direction:column;justify-content:center;gap:1.2cqw}
.series-banner--b{background:#fcfaf5;color:#10283f}
.series-banner--b .series-banner-copy{width:53%;background:linear-gradient(90deg,rgba(252,250,245,.95) 0%,rgba(252,250,245,.78) 74%,transparent 100%)}
.series-banner--c .series-banner-copy{width:100%;height:55%;padding:2.6% 4%;gap:.6cqw}
.has-series-banner .series-banner .series-banner-label{font:400 clamp(10px,1.05cqw,16px)/1.35 "Lora",Georgia,serif;letter-spacing:.07em;text-transform:uppercase;color:inherit;margin:0;max-width:none}
.has-series-banner .series-banner .series-banner-number{font:600 clamp(10px,1.1cqw,17px)/1.3 "Lora",Georgia,serif;letter-spacing:.08em;text-transform:uppercase;color:inherit;margin:0;max-width:none}
.has-series-banner .series-banner h1{font:400 5cqw/1.16 "Lora",Georgia,serif;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;color:inherit;margin:0;max-width:none;text-wrap:balance}
.has-series-banner .series-banner[data-title-size="medium"] h1{font-size:3.8cqw}
.has-series-banner .series-banner[data-title-size="long"] h1{font-size:3cqw}
.has-series-banner .series-banner--c h1{font-size:4cqw;max-width:95%}
.has-series-banner .series-banner--c[data-title-size="medium"] h1{font-size:3.4cqw}
.has-series-banner .series-banner--c[data-title-size="long"] h1{font-size:2.9cqw}
.has-series-banner .series-banner .series-banner-author{font:400 clamp(10px,1.2cqw,18px)/1.3 "Lora",Georgia,serif;letter-spacing:.03em;color:inherit;margin:0;max-width:none}
.has-series-banner .article-page-header{padding-top:24px}
@media print{.series-banner{aspect-ratio:auto;background:white!important;color:black!important;overflow:visible}.series-banner-art{display:none}.series-banner-copy,.series-banner--b .series-banner-copy,.series-banner--c .series-banner-copy{position:static;width:100%;height:auto;padding:0;background:none;gap:8px}.has-series-banner .series-banner h1,.has-series-banner .series-banner[data-title-size] h1{font-size:24pt;color:black}.has-series-banner .series-banner p{color:black!important}}

.has-series-banner .series-banner.series-banner--b :is(h1,p){color:#10283f}.has-series-banner .series-banner.series-banner--a :is(h1,p),.has-series-banner .series-banner.series-banner--c :is(h1,p){color:#fcfaf5}

@media print{.has-series-banner .series-banner :is(h1,p){color:#000!important}}
.has-series-banner .series-hero{grid-template-columns:minmax(0,1fr)}
.has-series-banner .series-hero .series-banner-art{background:transparent;border:0}
.has-series-banner .series-banner h1 em{font:inherit;color:inherit}

/* Compact mobile cover: keep the full approved artwork and place the exact heading alongside it. */
@media(max-width:700px){.series-banner{aspect-ratio:auto;overflow:visible;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;padding:14px;gap:14px}.series-banner-art{position:static;object-fit:contain;width:96px;height:auto;aspect-ratio:2/1;border-radius:3px}.series-banner-copy,.series-banner--b .series-banner-copy,.series-banner--c .series-banner-copy{position:static;height:auto;background:none;padding:0;width:auto;gap:8px}.has-series-banner .series-banner h1,.has-series-banner .series-banner[data-title-size] h1{font-size:clamp(20px,5.1vw,28px);line-height:1.2;overflow-wrap:anywhere}.has-series-banner .series-banner .series-banner-label,.has-series-banner .series-banner .series-banner-number{font-size:10px;letter-spacing:.04em}.has-series-banner .series-banner .series-banner-author{font-size:12px}.has-series-banner .article-page-header{padding-top:18px;padding-bottom:20px}.reader-utilities{gap:8px}.reader-preferences{border:1px solid var(--line);padding:8px 12px}.reader-preferences summary{cursor:pointer;min-height:32px;display:list-item;font-weight:600}.reader-preferences-panel{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reader-preferences:not([open])>.reader-preferences-panel{display:none}.reader-preferences summary:focus-visible{outline:var(--focus-ring);outline-offset:3px}}
@media(min-width:701px){.reader-preferences{display:contents}.reader-preferences>summary{display:none}.reader-preferences-panel{display:contents}}
@media print{.reader-preferences{display:none}.series-banner{display:block;padding:0}}

@media(max-width:700px){.has-series-banner .reader-utilities{display:flex;flex-wrap:wrap;align-items:flex-start;padding-block:12px;margin-block:12px;gap:8px}.has-series-banner .reader-utilities>[data-article-bookmark]{width:auto;flex:0 1 auto;min-height:48px}.has-series-banner .reader-utilities>a{min-height:44px;display:inline-flex;align-items:center}.reader-preferences[open]{flex-basis:100%}}

.series-reading-path{display:flex;flex-wrap:wrap;gap:var(--gap-md);max-width:var(--reading-width);margin:var(--section-space) auto;padding:var(--card-padding);border-block:1px solid var(--line)}
.series-reading-path a{flex:1 1 240px;min-height:44px;color:var(--gold);line-height:1.6}
