*{box-sizing:border-box}body{background:#0b0c27;color:#f7f7fe;margin:0;font-family:system-ui,-apple-system,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.shell{width:min(1170px,calc(100% - 36px));margin:auto}.site-head{background:#10112d;border-bottom:1px solid #2c2d49}.navline{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:75px}.brand{font-size:26px;font-weight:800}.brand span{color:#f13642}nav{display:flex;flex-wrap:wrap;gap:23px;font-size:14px}nav a:hover,.back a:hover{color:#f24b56}main.shell{padding-top:48px;padding-bottom:70px}h1{line-height:1.18;font-size:clamp(28px,3.4vw,44px);margin:8px 0 14px}.intro,.meta,.crumb,.hint{color:#abb0cd}.crumb{font-size:13px;margin-bottom:20px}.eyebrow{font-size:12px;color:#ff545e;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.controls input,.controls select{padding:12px;border:1px solid #3d4060;color:#fff;background:#1b1d3c;border-radius:7px;min-width:200px;flex:1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{border:1px solid #30324d;background:#191b39;border-radius:10px;overflow:hidden;transition:transform .16s}.card:hover{transform:translateY(-3px)}.cover{width:100%;aspect-ratio:16/10;object-fit:cover;background:#262842;display:block}.card-content{padding:14px}.card h2{font-size:16px;line-height:1.45;margin:6px 0 9px}.card p{color:#c2c4d7;font-size:13px;margin:0}.category{color:#ff6a71;font-size:12px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:40px}.pager button{border:1px solid #50516c;background:#222442;border-radius:6px;color:#fff;padding:9px 14px;cursor:pointer}.pager button:disabled{opacity:.4;cursor:default}.article{max-width:860px;margin:auto}.article .lead{font-size:19px;color:#d4d6e9}.article-body{font-size:17px;line-height:1.85;color:#e7e8f1;overflow-wrap:break-word}.article-body h2,.article-body h3{margin:35px 0 12px;line-height:1.35;color:white}.article-body p{margin:0 0 22px}.article-body a{color:#ff6a75;text-decoration:underline}.feature img{width:100%;max-height:470px;object-fit:cover;border-radius:9px}.feature{margin:27px 0}.tags,.footer{color:#a4a7bf}.back{margin-top:35px}.footer{border-top:1px solid #30324d;padding:35px 0;font-size:13px}@media(max-width:900px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-content{padding:10px}.card h2{font-size:13px}.card p{font-size:11px}.navline{flex-wrap:wrap;padding:15px 0}nav{gap:15px}main.shell{padding-top:25px}.cover{aspect-ratio:3/2}}

/* Blog Game: magazine grid, preserving the site colors and article detail styles */
.site-head{background:#10112d}
main.shell{padding-top:34px;padding-bottom:90px}
.listing-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:10px}
.listing-header h1{font-size:clamp(24px,2.6vw,34px);margin:4px 0 8px}
.listing-header .eyebrow{margin:0}
.listing-header .intro{margin:0}
.listing-count{white-space:nowrap;font-size:13px;margin:0 0 6px}
.controls{margin:24px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.controls input{flex:1 1 350px;max-width:550px}
.controls select{flex:0 1 240px;min-width:150px}
.blog-magazine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:34px}
.blog-magazine-grid .card{display:block;min-width:0;border:0;background:transparent;border-radius:0;overflow:visible;transform:none;text-decoration:none}
.blog-magazine-grid .card:hover{transform:none}
.blog-magazine-grid .cover-wrap{display:block;aspect-ratio:16/9;background:#1b1d39;overflow:hidden;border-radius:8px}
.blog-magazine-grid .cover{aspect-ratio:16/9;width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;transition:transform .2s ease}
.blog-magazine-grid .card:hover .cover{transform:scale(1.035)}
.blog-magazine-grid .card-content{padding:15px 0 0}
.blog-magazine-grid .card h2{font-size:18px;line-height:1.5;font-weight:750;margin:0 0 7px;color:#f3f3fb;overflow-wrap:anywhere}
.blog-magazine-grid .card:hover h2,.blog-magazine-grid .card:focus-visible h2{color:#ff626b}
.blog-magazine-grid .article-date{font-size:13px;color:#979ab1;margin:0}
.blog-magazine-grid .empty-state{grid-column:1/-1;color:#abb0cd;margin:0;padding:28px 0}
.pager{flex-wrap:wrap;margin-top:48px;gap:10px}
.pager .page-current{font-size:13px;color:#c4c5d5}
@media(max-width:980px){.blog-magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}}
@media(max-width:650px){.listing-header{align-items:start;flex-direction:column;gap:8px}.controls{margin:18px 0 24px;flex-wrap:wrap}.controls input,.controls select{flex:1 1 100%;max-width:none}.blog-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.blog-magazine-grid .card-content{padding:10px 0 0}.blog-magazine-grid .card h2{font-size:14px;line-height:1.45}.blog-magazine-grid .article-date{font-size:12px}.blog-magazine-grid .cover-wrap,.blog-magazine-grid .cover{aspect-ratio:16/9}main.shell{padding-top:25px}}
@media(max-width:350px){.blog-magazine-grid{grid-template-columns:1fr}}

/* SwitchPlay Detail Logo */
.site-head img.gamehub-brand-img,
header img.gamehub-brand-img {
    width: auto !important;
    height: 54px !important;
    max-width: 220px !important;
    object-fit: contain !important;
}

@media (max-width: 767px) {
    .site-head img.gamehub-brand-img,
    header img.gamehub-brand-img {
        height: 44px !important;
        max-width: 175px !important;
    }
}