/**
 * Responsive CSS — Єдині Новини
 */

@media (max-width: 600px) {
    .hero {
        padding: 48px 18px 16px;
    }

    .card {
        padding: 20px;
        border-radius: 16px;
    }

    .card h2 {
        font-size: 20px;
    }

    .stats-row {
        gap: 24px;
    }

    .stat-num {
        font-size: 24px;
    }

    .nav-time {
        display: none;
    }

    .article-page {
        padding: 24px 16px 60px;
    }

    .article-page h1 {
        font-size: 26px;
    }

    .cat-page {
        padding: 24px 16px 60px;
    }

    .subcat-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {
    .hero h1 {
        font-size: 32px;
    }

    .card h2 {
        font-size: 18px;
    }

    .card-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .stats-row {
        flex-wrap: wrap;
        gap: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    html {
        scroll-behavior: auto;
    }
}

@media print {
    nav, footer, .facts-btn, .src-row {
        display: none !important;
    }
    body {
        background: white;
        color: black;
    }
    .card {
        box-shadow: none;
        border: 1px solid #ddd;
        break-inside: avoid;
    }
}