/* Small, server-rendered editorial section; shares the portal's theme and fonts. */
.blog-page{max-width:1280px;margin:0 auto}
.blog-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:23px 0 35px}
.blog-intro h1{font-family:var(--retro);font-weight:700;font-size:clamp(36px,4.1vw,58px);line-height:1.12;letter-spacing:-1.1px;margin:13px 0 18px}
.blog-intro h1>span{color:var(--accent)}
.blog-intro p{max-width:570px;font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.blog-intro-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;flex:0 0 210px;min-height:204px;border:1px solid var(--border);border-radius:24px;background:var(--header);color:var(--active-text);transform:rotate(3deg);font-family:var(--retro);font-weight:700;text-align:center;font-size:16px;line-height:1.4;box-shadow:5px 6px 0 var(--shadow)}
.blog-intro-badge>.icon{width:46px;height:46px;stroke-width:1.3}
.blog-badge-stars{color:var(--orange);font-size:18px;letter-spacing:5px}
.blog-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 37px}
.blog-tone-game-news{--blog-fill:#e4ecdf;--blog-ink:#3e5b45;--blog-line:#c7d7c0}
.blog-tone-staff-picks{--blog-fill:#f0e3d6;--blog-ink:#79553d;--blog-line:#dfcbb8}
.blog-tone-upcoming-games{--blog-fill:#e0e9ed;--blog-ink:#435e6c;--blog-line:#c3d3da}
[data-theme=dark] .blog-tone-game-news{--blog-fill:#2f4036;--blog-ink:#d2e1c7;--blog-line:#4b6050}
[data-theme=dark] .blog-tone-staff-picks{--blog-fill:#45392f;--blog-ink:#ead0b5;--blog-line:#62503f}
[data-theme=dark] .blog-tone-upcoming-games{--blog-fill:#2c3d45;--blog-ink:#c7dce5;--blog-line:#455e6c}
.blog-category-card{display:flex;flex-direction:column;min-width:0;padding:23px;border-radius:15px;border:1px solid var(--blog-line);background:var(--blog-fill);color:var(--blog-ink);transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 3px 0 var(--shadow)}
.blog-category-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--shadow)}
.blog-category-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.blog-label{font-family:var(--retro);font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.5}
.blog-category-top>.icon{width:29px;height:29px;flex-shrink:0}
.blog-category-card h2{font-family:var(--retro);font-size:26px;line-height:1.2;font-weight:700;margin:22px 0 10px;letter-spacing:-.3px}
.blog-category-card p{font-size:14px;line-height:1.75;margin:0 0 23px;max-width:34ch}
.blog-category-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--blog-line);font-family:var(--retro);font-size:14px;font-weight:600}
.blog-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.blog-filters>a{padding:9px 15px;border-radius:8px;background:var(--chip);border:1px solid var(--border);font-family:var(--retro);font-size:14px;font-weight:600;color:var(--text)}
.blog-filters>a:hover,.blog-filters>a[aria-current=page]{background:var(--active);border-color:var(--accent);color:var(--active-text)}
.blog-empty{display:flex;align-items:center;gap:22px;padding:27px;background:var(--panel);border:1px dashed var(--border);border-radius:12px}
.blog-empty>.icon{width:38px;height:38px;flex-shrink:0;color:var(--icon-color)}
.blog-empty>div{flex:1;min-width:0}
.blog-empty h3{font-family:var(--retro);font-size:21px;font-weight:700;margin:0 0 7px}
.blog-empty p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;max-width:63ch}
.blog-empty>a,.blog-footer>a,.blog-article-footer>a{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-family:var(--retro);font-size:14px;font-weight:600;color:var(--active-text)}
.blog-play-break{margin-top:35px}
.blog-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.blog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 0 8px;margin-top:30px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}
.blog-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-story{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}
.blog-story-link{display:block;height:100%}
.blog-story-art{height:145px;display:grid;place-items:center;background:var(--blog-fill);color:var(--blog-ink)}
.blog-story-art>.icon{width:62px;height:62px;stroke-width:1.2}
.blog-story-copy{padding:21px}
.blog-story-copy>.blog-label{color:var(--accent)}
.blog-story-copy h3{font-family:var(--retro);font-size:23px;line-height:1.35;margin:11px 0;color:var(--text)}
.blog-story-copy p{font-size:14px;line-height:1.7;color:var(--muted)}
.blog-story-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-top:21px}
.blog-story-meta>span{display:flex;align-items:center;color:var(--active-text)}
.blog-article{max-width:810px;margin:8px auto 40px}
.blog-article>header{margin:30px 0}
.blog-article h1{font-family:var(--retro);font-size:clamp(32px,4vw,49px);font-weight:700;line-height:1.2;letter-spacing:-.5px;margin:14px 0 20px;overflow-wrap:anywhere}
.blog-article-deck{font-size:19px;line-height:1.75;color:var(--muted)}
.blog-article-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:var(--muted);font-size:13px;padding:15px 0;border-bottom:1px solid var(--border)}
.blog-platform{background:var(--active);color:var(--active-text);padding:4px 10px;border-radius:6px}
.blog-article-body{font-size:17px;line-height:1.85;margin-bottom:30px;overflow-wrap:anywhere}
.blog-article-body p,.blog-article-body ul{margin:0 0 22px}
.blog-article-body h2{font-family:var(--retro);font-size:28px;line-height:1.4;margin:35px 0 14px}
.blog-article-body ul{padding-left:25px}
.blog-article-footer{padding:25px 0;border-top:1px solid var(--border);margin-top:35px}
.blog-page a:focus-visible,.blog-article a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1100px){.blog-intro-badge{flex-basis:175px;min-height:180px}.blog-category-card{padding:20px}.blog-category-card h2{font-size:23px}.blog-empty{flex-wrap:wrap}.blog-empty>a{margin-left:60px}.blog-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.blog-intro{gap:23px;padding:16px 0 28px}.blog-intro h1{font-size:40px}.blog-intro-badge{flex-basis:145px;min-height:166px;font-size:13px}.blog-category-grid{gap:12px}.blog-category-card{padding:17px}.blog-category-top>.icon{width:23px;height:23px}.blog-category-top .blog-label{font-size:9px;letter-spacing:.6px}.blog-category-card h2{font-size:21px}.blog-category-card p{font-size:13px}.blog-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-intro{align-items:flex-start;gap:16px}.blog-intro h1{font-size:35px;letter-spacing:-.6px}.blog-intro p{font-size:14px}.blog-intro-badge{display:none}.blog-category-grid{grid-template-columns:1fr;margin-bottom:30px;gap:14px}.blog-category-card{padding:22px}.blog-category-top .blog-label{font-size:11px;letter-spacing:.8px}.blog-category-top>.icon{width:27px;height:27px}.blog-category-card h2{font-size:26px;margin-top:17px}.blog-category-card p{font-size:14px;max-width:none;margin-bottom:16px}.blog-filters{gap:7px}.blog-filters>a{font-size:13px;padding:8px 11px}.blog-empty{gap:14px;padding:22px}.blog-empty>.icon{width:29px;height:29px}.blog-empty h3{font-size:19px}.blog-empty>div{flex-basis:calc(100% - 43px)}.blog-empty>a{margin-left:43px}.blog-footer{align-items:flex-start;font-size:12px}.blog-footer>a{font-size:12px}.blog-story-grid{grid-template-columns:1fr}.blog-article-deck{font-size:17px}.blog-article-body{font-size:16px}.blog-article-meta{gap:12px}.blog-game-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){.blog-category-card{transition:none}.blog-category-card:hover{transform:none}}