/* Listing editorial: shared brand, header, footer, buttons and FAQ remain in their owners. */
.strategy-listing .container{width:min(1420px,calc(100% - var(--page-padding)*2))}
.strategy-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--header-height) + 44px) 0 44px}
.strategy-hero-edge{position:absolute;right:-26px;bottom:-62px;width:340px;transform:rotate(-24deg);filter:invert(1);pointer-events:none;z-index:-1}
.strategy-hero .display{font-size:clamp(38px,5vw,76px);max-width:24ch;line-height:1.05;margin-bottom:20px}
.strategy-hero .lead{max-width:76ch;font-size:clamp(18px,1.65vw,23px);margin:0}
.strategy-section{padding:clamp(40px,4vw,64px) 0}
.strategy-heading{font-size:clamp(30px,3.3vw,48px);line-height:1.12;max-width:42ch;margin-bottom:30px;text-wrap:balance}
.strategy-selection{position:relative}
.strategy-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.strategy-game{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.strategy-game-image{width:100%;aspect-ratio:16/9;object-fit:contain;margin-bottom:24px}
.strategy-game h3,.strategy-choices h3,.strategy-mechanics-grid h3{font:clamp(23px,2.1vw,31px)/1.15 var(--display);text-transform:uppercase;margin:0 0 14px;text-wrap:balance}
.strategy-game h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.strategy-game p{font-size:18px;line-height:1.5;margin:0 0 16px;max-width:65ch}
.strategy-game .strategy-summary{font-size:20px;line-height:1.4}
.strategy-game .strategy-platform{font-weight:600;margin-top:auto;margin-bottom:16px}
.strategy-game .text-link{color:var(--red)}
.strategy-game .button{font-size:17px;padding:13px 18px;max-width:100%}
.strategy-access-note{font-size:15px;line-height:1.5;margin:24px 0 0;color:#41474a;max-width:90ch}
.strategy-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.strategy-table{width:100%;min-width:680px;border-collapse:collapse;font-size:18px;line-height:1.45}
.strategy-table caption{text-align:left;caption-side:bottom;font-size:14px;color:var(--muted);padding-top:15px}
.strategy-table th,.strategy-table td{padding:15px 20px;border:1px solid #f0ede54d;text-align:left;vertical-align:top}
.strategy-table thead th{font-weight:600;width:26%}
.strategy-table tbody th{width:22%;font-weight:600}
.strategy-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.strategy-choices article+article{border-left:1px solid #10131633;padding-left:30px}
.strategy-choices p,.strategy-mechanics-grid p,.strategy-intro{font-size:18px;line-height:1.6;margin:0;max-width:65ch}
.strategy-choices p+p{margin-top:16px}
.strategy-mechanics{padding-top:0}
.strategy-mechanics .container{border-top:1px solid #10131633;padding-top:44px}
.strategy-intro{max-width:80ch;margin-bottom:32px}
.strategy-mechanics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px}
.strategy-mechanics-grid h3{font-size:26px;line-height:1.25}
.strategy-related .strategy-heading{max-width:none}
.strategy-related .container>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.strategy-related .text-link{align-items:flex-start;justify-content:space-between;font-size:19px}
.strategy-related .text-link:hover{color:white}
.strategy-faq .accordions{max-width:none}
.strategy-faq .accordions summary{font-size:20px}
.strategy-faq .accordions details>div{max-width:85ch}
.strategy-publisher,.strategy-credits{max-width:100ch;font-size:14px;line-height:1.6;color:#41474a}
.strategy-publisher{margin:32px 0 8px}
.strategy-credits{margin:0}
@media(max-width:1050px) and (min-width:741px){
 .strategy-games{gap:22px}.strategy-game p{font-size:17px}.strategy-game .strategy-summary{font-size:18px}
 .strategy-game h3{font-size:25px}.strategy-game .button{font-size:15px;padding-inline:12px}
 .strategy-choices{gap:22px}.strategy-choices article+article{padding-left:22px}
}
@media(max-width:740px){
 .strategy-hero{padding-top:calc(var(--header-height) + 30px);padding-bottom:36px}
 .strategy-hero-edge{width:180px;bottom:-36px;right:-12px}
 .strategy-hero .display{font-size:clamp(35px,8.6vw,56px);max-width:25ch}
 .strategy-heading{font-size:clamp(28px,6.8vw,40px);margin-bottom:24px}
 .strategy-games,.strategy-choices,.strategy-mechanics-grid,.strategy-related .container>div{grid-template-columns:1fr}
 .strategy-games{gap:36px}.strategy-game+.strategy-game{padding-top:32px;border-top:1px solid #10131633}
 .strategy-game-image{margin-bottom:20px}.strategy-game h3{font-size:29px}
 .strategy-game .strategy-summary{font-size:20px}.strategy-game .strategy-platform{margin-top:0}
 .strategy-table{font-size:16px}.strategy-table th,.strategy-table td{padding:12px 14px}
 .strategy-table tbody th{position:sticky;left:0;background:var(--charcoal);box-shadow:1px 0 #f0ede54d}
 .strategy-choices{gap:24px}.strategy-choices article+article{border-left:0;border-top:1px solid #10131633;padding:24px 0 0}
 .strategy-choices h3,.strategy-mechanics-grid h3{font-size:25px}
 .strategy-related .text-link{font-size:18px}.strategy-faq .accordions summary{font-size:18px}
}
@media(max-width:359px){
 :lang(ru) .strategy-article .strategy-hero .display,:lang(zh-Hans) .strategy-article .strategy-hero .display{font-size:clamp(30px,9.5vw,34px)}
 .site-header .header-inner{gap:10px}
 .site-header .brand{flex:0 1 128px;min-width:80px}
 .site-header .header-actions{flex-shrink:0;gap:8px}
}