/* Game-focused guide components. Same-origin file so the root CSP can keep style-src 'self'. */
.guide-hero{background:linear-gradient(135deg,#07172b 0%,#102f50 58%,#0f6870 100%);color:#fff}
.guide-hero .breadcrumbs,.guide-hero .breadcrumbs a,.guide-hero .kicker,.guide-hero .hero-text{color:#dce9f5}
.guide-hero h1{color:#fff;max-width:980px}
.guide-hero .info-strip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.guide-hero .info-strip span{color:#bcd3e4}.guide-hero .info-strip strong{color:#fff}
.guide-note{border-left-color:#2b8b92;background:#eef9f8}
.related-platform-reference{border-left-color:#3164d7;background:#f1f5ff}
.related-platform-reference a{font-weight:900;text-decoration:none}
.guide-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.guide-checks>div{border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px}
.guide-checks strong{display:block;color:var(--navy);margin-bottom:4px}.guide-checks span{color:#526176;font-size:14px;line-height:1.55}
.game-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.game-map>div{border:1px solid var(--line);border-radius:15px;padding:16px;background:linear-gradient(180deg,#fff,#f6fafc)}
.game-map strong{display:block;color:var(--navy);font-size:17px;margin-bottom:5px}.game-map span{display:block;color:#536176;font-size:14px;line-height:1.55}
.guide-sequence{counter-reset:guide-step;display:grid;gap:10px;margin:16px 0 22px;padding:0;list-style:none}
.guide-sequence li{counter-increment:guide-step;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 15px 13px 52px;position:relative}
.guide-sequence li:before{content:counter(guide-step);position:absolute;left:14px;top:12px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0c6671;color:#fff;font-weight:900;font-size:13px}
.faq-list{display:grid;gap:10px;margin-top:16px}.faq-list details{border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 16px}
.faq-list summary{cursor:pointer;list-style:none;padding:15px 28px 15px 0;color:var(--navy);font-weight:900;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:11px;font-size:22px;color:var(--teal)}.faq-list details[open] summary:after{content:"–"}.faq-list details p{margin:0;padding:0 0 16px;color:#435064}
.source-list ul{margin-bottom:0}.source-list a{overflow-wrap:anywhere}.article-section>p:first-of-type{font-size:16px}.article-section h3+ol,.article-section h3+ul{margin-top:8px}
.guide-badge{display:inline-flex;align-items:center;border:1px solid #bcdedc;background:#eff9f8;color:#145f64;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;letter-spacing:.02em}
@media(max-width:900px){.game-map{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-checks{grid-template-columns:1fr}}
@media(max-width:640px){.inner-hero.guide-hero h1{font-size:38px}.article-section h2{font-size:27px}.article-section h3{font-size:19px}.game-map{grid-template-columns:1fr}}

.game-guides-section{margin-top:38px}.game-guides-section>.callout{margin-top:18px}.guide-lettermark{width:64px;height:48px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#10213f,#0f727b);color:#fff;font-weight:900;font-size:13px;letter-spacing:.02em;text-align:center;padding:4px;overflow:hidden}

.coverage-note{border-left:3px solid #d6e5ec;padding-left:14px;margin-top:18px}