.hero-subtitle{margin:-12px 0 18px;color:#a9c8d3;font-size:23px;font-weight:700}
.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px;font-size:13px;color:#91aab9}
.breadcrumbs a{color:#9ad3cf;text-decoration:none}
.inner-page .hero{padding-top:38px;padding-bottom:42px;align-items:start;gap:48px}
.inner-page .hero h1{font-size:clamp(30px,3.5vw,43px);line-height:1.14;margin-bottom:18px}
.inner-page .game-snapshot{min-height:0}
.inner-page .snapshot-facts{margin-top:22px}
.inner-page .snapshot-bottom{margin-top:24px}
.inner-page .hero-lead{max-width:640px}
.overview-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:30px;align-items:start}
.overview-grid p:first-child{margin-top:0}
.video-card{position:relative;display:block;overflow:hidden;border:1px solid #527583;border-radius:12px;aspect-ratio:16/9;color:#fff;text-decoration:none;background:#0a1720}
.video-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s}
.video-card:hover img{transform:scale(1.025)}
.play-button{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#07131ad9;color:white;border:1px solid #d8edf1ad;border-radius:50%;height:58px;width:58px;display:grid;place-items:center;font-size:23px;padding-left:3px}
.video-label{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;background:linear-gradient(transparent,#03101af2);font-size:13px;font-weight:700}
.media-credit{font-size:12px!important;color:#91a9b7!important;margin:9px 0 0!important}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.guide-card{display:flex;align-items:start;gap:12px;padding:19px 16px;border:1px solid #294b5a;border-radius:12px;background:#142b38;color:#eaf3f7;text-decoration:none!important;min-width:0;transition:border-color .15s,background .15s}
.guide-card:hover{border-color:#76b9bb;background:#193342}
.guide-card>.ui-icon{flex:0 0 20px;margin-top:2px}
.guide-card>span:nth-child(2){flex:1;min-width:0}
.guide-card strong{display:block;font-size:16px;line-height:1.35;color:#eef6fa}
.guide-card small{display:block;margin-top:7px;font-size:13px;line-height:1.5;color:#9fb8c6}
.guide-card>span:last-child{color:#efb875;flex-shrink:0}
.guide-toc a{display:block;padding:9px 12px 9px 34px;border-radius:8px;color:#9bb7c8;text-decoration:none;font-size:13px;line-height:1.5}
.guide-toc a strong{display:block;font-size:13px;color:inherit}
.guide-toc a small{display:block;font-size:11px;color:#66889f;margin-top:3px;line-height:1.5}
.guide-toc a:hover,.guide-toc a[aria-current=page]{background:#1a3444;color:#cce8ed}
.guide-toc .explore-group{margin-top:8px}
.top-nav a[aria-current=page],.mobile-navigation a[aria-current=page]{color:#ffc27d}
.steps{list-style:none;padding:0;margin:26px 0;counter-reset:step}
.steps>li{display:flex;gap:17px;margin-bottom:23px}
.steps>li>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;color:#ffc27d;background:#3b3426;border:1px solid #735c36;font-weight:800}
.steps h3{margin:1px 0 7px;font-size:18px;line-height:1.4}
.steps p{margin:0}
.source-note{font-size:13px!important;color:#9cb6c5!important;line-height:1.7!important}
.stat-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.stat-pills span{padding:8px 12px;background:#183442;border:1px solid #31596a;border-radius:8px;font-size:13px;color:#c9e5ea}
.faq-list details{border-top:1px solid #2b4858;padding:17px 0}
.faq-list summary{cursor:pointer;font-weight:700;color:#deedf3;line-height:1.5}
.faq-list p{margin:12px 0 0}
.article p a:not(.button):not(.guide-card){text-decoration:underline;text-underline-offset:3px;text-decoration-color:#629591}
.article .video-card{ text-decoration:none!important }
.article-section:focus{outline:none}
@media(max-width:1199px){.overview-grid{grid-template-columns:1fr}.overview-grid .video-card{max-width:620px}}
@media(max-width:900px){.inner-page .hero{gap:28px}}
@media(max-width:768px){.inner-page .hero{padding-top:26px;padding-bottom:30px}.hero-subtitle{font-size:20px;margin-top:-8px}.breadcrumbs{margin-bottom:16px}.inner-page .hero h1{font-size:34px}.inner-page .game-snapshot{width:100%}}
@media(max-width:560px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:17px 14px}.steps>li{gap:12px}.steps h3{font-size:17px}.inner-page .hero h1{font-size:31px}.breadcrumbs{font-size:12px}.overview-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){.video-card img,.guide-card{transition:none}}