/* Generated by tools/build-magazine-assets.sh. */
/* Article typography on the shared public game shell. Built by tools/build-magazine-assets.sh. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.magazine-paper a{color:#185454;text-decoration-thickness:1px;text-underline-offset:4px}
.magazine-paper a:hover{text-decoration-thickness:2px}
.magazine-paper a:focus-visible,.article-table-wrap:focus-visible{outline:3px solid #986215;outline-offset:4px}
.magazine-paper p{margin:0 0 1.2em}
.magazine-page figure{margin:0}
.magazine-page img{max-width:100%;height:auto;display:block}
.magazine-paper h1,.magazine-paper h2,.magazine-paper h3{color:#342512}
.magazine-page .ui-heading-page{margin:0 0 22px;text-wrap:balance}
.magazine-page .ui-heading-section{margin:0 0 20px;text-wrap:balance}
.magazine-page .ui-heading-card{margin:26px 0 12px}
.magazine-page .ui-eyebrow{font:700 11px/1.6 system-ui,sans-serif;letter-spacing:1.5px;color:#715326;margin:0 0 17px}
.skip-link{position:absolute;left:16px;top:-100px;z-index:30;background:#f6e9cf;padding:12px 20px}
.skip-link:focus{top:12px}
.magazine-paper .magazine-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;min-height:48px;background:#12383d url(button-carved-small-v1.webp) center/100% 100%;color:#fff0d0!important;text-decoration:none;font-size:14px;font-weight:650;text-align:center}
.magazine-page .shell{container-type:inline-size}
.magazine-paper{font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:none;margin:0;--content-frame-height:calc(100cqw * 109 / 2345)}
.magazine-paper a{text-decoration:underline}
.magazine-breadcrumb{display:flex;position:static;padding:0;border:0;flex-wrap:wrap;gap:9px;font-size:12px;margin:0 0 30px;color:#685334}
.article-opening{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;margin-bottom:30px}
.article-intro{font-size:18px;line-height:1.75;max-width:760px}
.article-byline{font-size:12px;color:#675134;margin:20px 0 0!important}
.article-hero img{border:1px solid #886330;box-shadow:0 6px 22px #4a301c24}
.magazine-page figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:#645035}
.article-summary{padding:24px 30px;border-block:1px solid #ac8752;background:#fff5df66;margin-bottom:38px}
.article-summary .ui-heading-card{margin:0 0 12px}
.article-summary ul{margin:0;padding-left:20px;font-size:15px;line-height:1.8}
.article-summary li+li{margin-top:6px}
.article-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:40px;align-items:start}
.article-aside{position:sticky;top:24px}
.article-toc{display:block;position:static;margin:0;padding:22px 20px;border:1px solid #9b783f;background:#12383d url(magazine/petrol-texture-v1.webp) center/384px;color:#f5e4c2;box-shadow:inset 0 0 0 3px #bc95562b}
.article-toc .ui-heading-panel{color:#f5e4c2;margin:0 0 16px}
.article-toc ol{margin:0;padding:0 0 0 20px;font-size:13px;line-height:1.6}
.article-toc li{padding-left:2px;margin:0 0 10px}
.magazine-paper .article-toc a{color:#f5e4c2;display:inline-block;padding-block:4px}
.article-body{min-width:0}
.article-section{margin-bottom:42px;scroll-margin-top:24px}
.article-section+.article-section{border-top:1px solid #a785514d;padding-top:32px}
.source-ref{font-size:11px;line-height:0;margin-left:4px}
.source-ref a{text-decoration:none;font-weight:700;padding:4px 1px}
.article-timeline{list-style:none;padding:0;margin:28px 0 0}
.article-timeline li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;border-left:2px solid #af8544;padding:0 0 24px 20px;position:relative}
.article-timeline li:before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:#99692d;border:2px solid #f0dfbb}
.article-timeline li:last-child{padding-bottom:0}
.timeline-date{font-size:13px;font-weight:700;color:#6d4d26}
.article-timeline p{font-size:14px;line-height:1.7;margin:7px 0 0}
.article-table-wrap{max-width:100%;overflow:auto;margin:24px 0;border:1px solid #b4986a}
.article-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;text-align:left}
.article-table-wrap caption{text-align:left;padding:14px 16px;font-weight:650;background:#fff5df66;caption-side:top}
.article-table-wrap th,.article-table-wrap td{padding:13px 16px;border-top:1px solid #ad926252;vertical-align:top;min-width:105px}
.article-table-wrap thead{background:#20484b;color:#fff1d2}
.article-table-wrap tbody th{font-weight:600}
.article-table-wrap tbody tr:nth-child(even){background:#fff5df66}
.article-chart{margin:24px 0!important;padding:20px;background:#fff5df66;border:1px solid #b4986a}
.article-chart img{width:100%}
.article-chart figcaption{margin-top:10px}
.article-cta{padding:25px 28px;margin-top:28px;border:1px solid #a88142;background:#fff5df77}
.article-cta .ui-heading-card{margin:0 0 12px}
.article-cta p{font-size:15px}
.article-cta .ui-eyebrow{font-size:10px}
.cta-status{display:block;margin-top:10px;font-size:12px;color:#6a5537}
.article-sources{font-size:13px;line-height:1.7}
.article-sources ol{padding-left:22px}
.article-sources li{padding-left:5px;margin-bottom:20px;scroll-margin-top:25px;overflow-wrap:anywhere}
.article-sources li:target{background:#fff8e6;outline:2px solid #ae8c50;outline-offset:6px}
.article-sources li p{margin:5px 0 0}
.editorial-note{border-left:3px solid #9e783d;padding:10px 16px;margin-top:26px!important}
.article-back{font-size:14px}
.magazine-index{padding-top:28px}
.magazine-articles{margin:35px 0 45px}
.magazine-preview{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;padding:28px 0;border-block:1px solid #a785514d;align-items:center}
.magazine-preview-image img{border:1px solid #9e7d49}
.magazine-preview p{font-size:15px}
.magazine-preview .ui-eyebrow{font-size:10px}
.magazine-about{max-width:750px;margin-bottom:0}
@media(max-width:1200px){.article-layout{gap:30px;grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:800px){.article-opening{grid-template-columns:1fr;gap:25px}.article-hero{max-width:600px}.article-layout{grid-template-columns:1fr;gap:30px}.article-aside{position:static}.article-toc ol{columns:2;column-gap:30px}.article-toc li{break-inside:avoid}.magazine-preview{grid-template-columns:240px minmax(0,1fr);gap:24px}}
@media(max-width:550px){.magazine-paper{font-size:16px;line-height:1.8}.article-opening{gap:20px}.article-intro{font-size:16px}.article-summary{padding:20px;margin-bottom:26px}.article-summary ul{font-size:14px}.article-toc ol{columns:1}.article-toc li{margin-bottom:3px}.article-timeline li{grid-template-columns:1fr;gap:5px;padding-left:18px}.article-section{margin-bottom:30px}.article-section+.article-section{padding-top:26px}.article-table-wrap th,.article-table-wrap td{padding:11px;min-width:0}.article-chart{padding:8px}.article-cta{padding:21px}.magazine-paper .article-cta .magazine-button{width:100%}.magazine-preview{grid-template-columns:1fr;gap:20px}.article-byline{line-height:1.8}.magazine-preview-image{max-width:450px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body.magazine-page{background:white}.magazine-page>.header,#public-navigation,.magazine-page footer,.article-aside,.skip-link,.article-cta{display:none}.magazine-paper:before{display:none}.magazine-paper{border:0;box-shadow:none;background:white;margin:0;padding:0;max-width:none}.article-layout{display:block}.article-opening{display:block}.article-hero{max-width:400px;margin-bottom:24px!important}.article-table-wrap{overflow:visible}.article-section{break-inside:auto}.article-sources a{overflow-wrap:anywhere}}