@media (max-width: 600px) {
      .hero { flex-direction: column; text-align: center; padding: 24px 18px; }
      .hero-title { font-size: 1.6rem; }
      .nav-brand { font-size: 0.9rem; }
    }

    /* ── Shared stat-card helpers ─────────────────────────────────────────── */
    .card-section-head {
      font-family: 'Oswald', sans-serif; font-size: 0.7rem; font-weight: 700;
      letter-spacing: 1px; color: var(--brand-amber); text-transform: uppercase;
      margin-bottom: 12px;
    }
    td.sl { color: var(--text-muted); padding: 3px 0; font-size: 0.85rem; }
    td.sv { font-weight: 600; text-align: right; font-size: 0.85rem; }

    /* ── Auto-logout warning overlay ─────────────────────────────────────── */
    #rr-logout-overlay {
      display: none; position: fixed; inset: 0; z-index: 9000;
      background: rgba(0,0,0,0.55); align-items: center; justify-content: center;
    }
    #rr-logout-overlay.rr-lo-visible { display: flex; }
    #rr-logout-box {
      background: white; border-radius: 12px; padding: 32px 40px;
      text-align: center; max-width: 380px; width: 90%; box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    }
    #rr-logout-box h2 { font-family: 'Oswald', sans-serif; margin: 0 0 12px; font-size: 1.4rem; color: var(--brand-dark); }
    #rr-logout-countdown { font-size: 3rem; font-weight: 700; color: var(--brand-amber); margin: 12px 0; line-height: 1; }
    #rr-logout-box p { color: var(--text-muted); font-size: 0.9rem; margin: 0 0 20px; }
    #rr-stay-btn {
      background: var(--brand-gold); color: var(--brand-dark); border: none;
      padding: 10px 28px; border-radius: 8px; font-size: 1rem; font-weight: 700;
      cursor: pointer; font-family: 'Oswald', sans-serif; letter-spacing: 0.5px;
    }
    #rr-stay-btn:hover { background: var(--brand-amber); }
    @keyframes rr-spin { to { transform: rotate(360deg); } }