/* ==========================================================================
   Moban 8-10-2 — responsive.css (768px & 480px breakpoints)
   ========================================================================== */

/* ---------- Tablet ---------- */
@media (max-width: 768px) {
    body { font-size: 15px; }

    .container { padding: 0 16px; }

    .intro-lead { padding: 38px 0 22px; }

    .intro-grid { gap: 28px; }

    .intro-lede { font-size: 16px; }

    .intro-stamp { width: 64px; height: 64px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; top: -12px; right: -6px; }

    .editor-banner { padding: 28px 20px; gap: 18px; }

    .editor-thumb img { width: 130px; }

    .section-title { font-size: 23px; }

    .article-card-grid { gap: 16px; }

    .article-list-link { flex-direction: column; gap: 12px; }

    .article-list-thumb { flex: none; width: 100%; }

    .article-list-thumb img { height: 180px; }

    .game-mini-card { flex-basis: 160px; }

    .single-article { padding: 28px 22px; margin-top: 28px; }

    .single-meta { gap: 12px; }

    .footer-widgets { gap: 24px; }

    .topbar-inner { justify-content: center; }

    .topbar-date { display: none; }
}

/* ---------- Mobile ---------- */
@media (max-width: 480px) {
    body { font-size: 14.5px; }

    .header-actions .btn { padding: 4px 12px; font-size: 11.5px; }

    .logo-img { max-height: 46px; }

    .intro-headline { font-size: 30px; }

    .intro-lede { font-size: 15px; }

    .intro-cta .btn { width: 100%; text-align: center; }

    .editor-title { font-size: 21px; }

    .editor-thumb img { width: 110px; }

    .editor-score { font-size: 15px; padding: 6px 10px; }

    .section-head { flex-direction: column; gap: 6px; }

    .article-card-grid { grid-template-columns: 1fr; }

    .article-card-title { font-size: 17px; }

    .game-mini-card { flex-basis: 145px; }

    .game-mini-body h4 { font-size: 13.5px; }

    .single-article { padding: 22px 16px; }

    .single-download-box { padding: 26px 18px; }

    .post-nav { flex-direction: column; }

    .post-nav-next { text-align: left; }

    .download-cta { padding: 44px 0; }

    .footer-widgets { flex-direction: column; }
}