/* Shared information pages, policy navigation and crawlable game guides. */
.site-top-nav {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0;font-size:13px}
.site-top-nav a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:9px;color:#a9b3c5;text-decoration:none;white-space:nowrap}
.site-top-nav a:hover,.site-top-nav a[aria-current='page'] {background:#202a37;color:#6ce5d2}
.site-top-nav a:focus-visible,.site-footer a:focus-visible {outline:3px solid #6ce5d2;outline-offset:3px}
.player-head + .site-top-nav {max-width:1240px;min-height:52px;margin:0 auto;padding:0 16px 8px;justify-content:flex-start}
.content-head {max-width:1240px;min-height:88px;height:auto;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2a3242}
.content-head .brand {display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;font-size:23px;letter-spacing:-1px;color:#f3f5fa}
.content-head .brand::before {content:'✦';display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:4px;border:1px solid #3b6a69;border-radius:11px;background:#17312f;color:#6ce5d2;font-size:25px}
.site-footer {max-width:1240px;margin:32px auto 0;padding:24px 20px;border-top:1px solid #2a3242;display:flex;flex-wrap:wrap;align-items:center;gap:18px;color:#a9b3c5;font-size:13px}
.site-footer nav {display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}
.site-footer a {display:inline-flex;align-items:center;min-height:44px}
.site-footer > span:last-child {margin-left:auto}
.site-footer .footer-brand {font-size:18px;font-weight:700;color:#f3f5fa}
.site-footer a:hover {color:#6ce5d2;text-decoration:underline}
.article-page {max-width:840px;margin:48px auto 72px;padding:40px;border:1px solid #2a3242;border-radius:24px;background:#171c27;color:#a9b3c5;line-height:1.75}
.article-page h1 {color:#f3f5fa;font-size:clamp(34px,6vw,52px);letter-spacing:-1.8px;line-height:1.12}
.article-page h2 {color:#f3f5fa;font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:36px 0 12px}
.article-page .lead {font-size:20px;color:#c9d1df;line-height:1.6}
.article-page .eyebrow,.game-details .eyebrow {color:#6ce5d2;font-size:11px;letter-spacing:1.7px;font-weight:700}
.article-page strong {color:#f3f5fa}
.article-page li {margin-bottom:10px}
.article-page a,.game-details a,.home-guide a {color:#6ce5d2;text-decoration:underline;text-underline-offset:3px}
.article-page a:hover,.game-details a:hover,.home-guide a:hover {color:#b7fff1}
.contact-email {overflow-wrap:anywhere}
.updated {color:#a9b3c5;font-size:14px}
.game-details {max-width:850px;margin:36px auto 0;border-top:1px solid #2a3242;padding:32px 0 8px;line-height:1.75}
.game-details h2 {font-size:28px;letter-spacing:-.7px;line-height:1.3;color:#f3f5fa}
.game-details h3 {font-size:20px;margin:26px 0 10px;color:#f3f5fa}
.game-details li {margin-bottom:10px}
.game-details p,.game-details li {color:#a9b3c5}
.next-game {background:#171c27;border:1px solid #2a3242;border-radius:16px;padding:4px 24px 12px;margin-top:28px}
.home-guide {border-top:1px solid #2a3242;padding:36px 0;max-width:850px;line-height:1.75;color:#a9b3c5}
.home-guide h2 {font-size:28px;color:#f3f5fa}
.home-guide h3 {font-size:21px;letter-spacing:-.4px;color:#f3f5fa}
.skip {position:absolute;top:-100px;left:12px;background:#6ce5d2;color:#0d1017;padding:14px;border-radius:10px;z-index:100}
.skip:focus {top:12px}
.round-button {min-width:44px;min-height:44px}
@media (max-width:960px) {
  .content-head {flex-direction:column;align-items:flex-start;gap:4px}
  .content-head .site-top-nav {justify-content:flex-start}
}
@media (max-width:760px) {
  .site-top-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0 4px;font-size:12px}
  .site-top-nav a {padding:0 4px}
  .player-head + .site-top-nav {padding:0 10px 8px;min-height:96px}
  .game-details {margin:24px 16px 0;padding-top:24px}
  .site-footer {margin:24px 16px 0;padding:20px 0;gap:8px 16px}
  .site-footer nav {gap:4px 16px;font-size:13px}
  .site-footer > span:last-child {width:100%;margin-left:0}
  .article-page {margin:24px 16px 40px;padding:26px 20px;border-radius:18px}
  .article-page h1 {font-size:36px}
  .article-page h2 {font-size:23px}
  .article-page .lead {font-size:18px}
  .article-page ul,.article-page ol {padding-left:22px}
  .content-head {margin:0;padding:12px 16px 8px;gap:8px}
  .content-head .brand {font-size:21px}
  .home-guide h2 {font-size:25px}
}

/* Banner ad spots (ads/banners.js). Hidden until an ad unit is configured; collapse when Google has no ad. */
.ad-slot { max-width: 970px; min-height: 280px; margin: 40px auto; padding: 0 16px; text-align: center; }
.ad-slot[hidden] { display: none; }
.ad-slot:has(ins[data-ad-status='unfilled']) { display: none; }
.ad-label { margin: 0 0 8px; font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; opacity: .55; }