/* Publisher topic pages: short chapters, original media and visible next steps. */
.topic-hero{padding:220px var(--pad) 72px;background:#203923;container-type:inline-size}
.topic-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;line-height:1.8;margin-bottom:42px;color:#d3ddc8}
.topic-breadcrumb a{padding-block:10px}
.topic-hero>.tiny-label{margin-bottom:25px;line-height:1.8}
.csp-site .topic-hero h1{font-family:Anton,sans-serif;font-size:min(112px,calc(100cqw / var(--hero-fit,8)));font-weight:400;line-height:1.15;letter-spacing:0;text-wrap:initial}
.topic-intro{font-size:18px;line-height:1.85;max-width:64ch;margin-block:28px}
.topic-hero .action-row{display:flex;align-items:center;flex-wrap:wrap;gap:22px 38px}
.topic-hero .action-row .feature-link{margin:0}.topic-hero .platform-line{margin-top:24px}
.topic-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,100px);padding:75px var(--pad);background:#f1f1e4;color:#203923;scroll-margin-top:150px}
.topic-prose>section+section{margin-top:38px}.csp-site .topic-story h2,.csp-site .topic-next h2,.csp-site .topic-hub h2{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(28px,3.2vw,46px);line-height:1.35;overflow-wrap:anywhere}
.topic-story p{font-size:15px;line-height:1.95;margin-top:16px;max-width:70ch}.topic-story .feature-link{flex-wrap:wrap;gap:7px 14px}.topic-story a:hover{color:#725027}
.topic-evidence{min-width:0}.topic-detail{border-top:1px solid #aab69c;padding-block:24px;margin-top:25px}
.csp-site .topic-detail h3{font-family:Inter,sans-serif;font-size:17px;line-height:1.7;font-weight:600}.topic-detail p{font-size:14px}
.topic-classic-image{margin:0}.topic-classic-image img{display:block;width:100%;height:auto;object-fit:contain;max-width:800px}.topic-classic-image figcaption{font-size:10px;line-height:1.8;margin-top:12px}
.topic-story .gameplay-film{max-width:100%}.topic-story .film-info{color:#203923}.topic-story .film-description{font-size:13px}
.topic-next{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);padding:65px var(--pad);background:#18291c}.topic-next .purchase-cta{margin-top:28px}
.topic-links{display:flex;flex-wrap:wrap;gap:7px 28px;margin-top:22px}.topic-links>a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;max-width:100%;font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.topic-links .csp-icon{width:18px;height:18px}
.topic-next .topic-links{flex-direction:column;align-items:flex-start}.topic-context{grid-column:1/-1;width:100%;margin:10px 0 0}.topic-home-links{margin-top:24px}.topic-home-links>a{font-size:12px}
.topic-hub{padding:65px var(--pad);background:#253e29;scroll-margin-top:145px}.topic-hub>.tiny-label{margin-bottom:18px}.topic-groups{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:35px;margin-top:35px}.topic-groups h3{font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.8;color:#ffba8a;margin-bottom:12px}.topic-groups ul{list-style:none;margin:0;padding:0}.topic-groups li{margin:0;padding:0;border-bottom:1px solid #597159}.topic-groups a{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;line-height:1.8;min-height:48px;padding-block:12px;text-decoration:none;overflow-wrap:anywhere}.topic-groups a:hover{text-decoration:underline;text-underline-offset:4px}.topic-groups .csp-icon{width:16px;height:16px}
.csp-site .publisher-header .classic-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#f1f1e4;width:140px;min-width:0;font-family:Anton,sans-serif;font-size:19px;line-height:1.25;letter-spacing:0}.csp-site .classic-brand small{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.12em;margin-top:8px;color:#ffba8a}
@media(max-width:1100px){.topic-groups{grid-template-columns:1fr 1fr}.csp-site .publisher-header .classic-brand{width:120px;font-size:17px}}
@media(max-width:800px){.topic-hero{padding-top:170px;padding-bottom:50px}.topic-story,.topic-next{grid-template-columns:1fr;padding-block:45px;gap:40px}.topic-intro{font-size:16px}.topic-story p{font-size:14px}.topic-evidence{max-width:750px}.topic-hub{padding-block:45px}}
@media(max-width:480px){.topic-hero{padding-top:145px}.topic-breadcrumb{margin-bottom:25px;font-size:11px}.topic-hero>.tiny-label{font-size:9px}.topic-intro{font-size:14px}.csp-site .topic-hero h1{font-size:min(76px,calc(100cqw / var(--hero-fit,8)))}.topic-groups{grid-template-columns:1fr;gap:30px}.topic-links>a{font-size:12px}.csp-site .publisher-header .classic-brand{width:88px;font-size:13px}.csp-site .classic-brand small{font-size:9px}.csp-site .topic-detail h3{font-size:16px}.topic-hero .action-row{align-items:stretch}.topic-hero .action-row .purchase-cta{min-width:0;width:100%}.topic-next .purchase-cta{min-width:0;width:100%}}
html:not(.js) .topic-hero{padding-top:40px}
/* The film action sits on the light article background on these pages. */
.csp-site .topic-story .film-action{color:#69421d}
.feature-showcase>.topic-context{order:4}