/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1023px) {
    h1 { font-size: 36px; }
    h2 { font-size: 28px; }
    h3 { font-size: 21px; }

    .cvb-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cvb-hero-grid {
        grid-template-columns: 1fr;
    }

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

    .cvb-sidebar {
        position: static;
    }

    .cvb-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cvb-glossary-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 767px) {
    h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }

    .cvb-header-main {
        min-height: 64px;
    }

    .cvb-logo {
        font-size: 19px;
    }

    .cvb-search {
        display: none;
    }

    .cvb-mobile-toggle {
        display: block;
    }

    .cvb-navigation {
        display: none;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--cvb-background);
        overflow-y: auto;
        z-index: 9998;
    }

    .cvb-navigation.mobile-open {
        display: block;
    }

    .cvb-menu {
        display: block;
        padding: var(--cvb-spacing-md);
    }

    .cvb-menu-item {
        border-bottom: 1px solid var(--cvb-border);
    }

    .cvb-menu-item > a {
        height: 50px;
        padding: 0 var(--cvb-spacing-sm);
        justify-content: space-between;
        font-size: 13px;
    }

    .cvb-mega-menu {
        position: static;
        transform: none !important;
        width: auto;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0 var(--cvb-spacing-sm) var(--cvb-spacing-md);
        display: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .cvb-menu-item.mobile-open > .cvb-mega-menu {
        display: block;
    }

    .cvb-mega-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--cvb-spacing-lg);
    }

    .cvb-hero {
        padding: var(--cvb-spacing-xxl) 0;
    }

    .cvb-hero-title {
        font-size: 30px;
    }

    .cvb-articles-grid {
        grid-template-columns: 1fr;
    }

    .cvb-section {
        padding: var(--cvb-spacing-xxl) 0;
    }

    .cvb-article-title {
        font-size: 30px;
    }

    .cvb-article-body {
        font-size: 16px;
    }

    .cvb-newsletter-form {
        flex-direction: column;
    }

    .cvb-footer {
        padding: 48px 0 0;
        margin-top: 48px;
    }

    .cvb-footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .cvb-footer-bottom {
        margin-top: 40px;
    }

    .cvb-category-title {
        font-size: 28px;
    }

    .cvb-page-title {
        font-size: 28px;
    }
}

/* =========================================================
   RESPONSIVE - SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
    .cvb-mega-grid {
        grid-template-columns: 1fr;
    }

    .cvb-article-meta {
        flex-direction: column;
        align-items: flex-start;
    }
}