/* =========================================================
   GRID-FLUID BREAKPOINT MATRIX
========================================================= */

@media (max-width: 1200px) {
    :root { --container-padding: 35px; }
}

@media (max-width: 992px) {
    :root { --container-padding: 24px; }
    .stats-grid { gap: 12px; }
}

@media (max-width: 768px) {
    :root { --container-padding: 20px; }
    .stats-grid { gap: 12px; grid-template-columns: repeat(2, 1fr); }
    .stat-box { padding: 20px 15px; }
    .stat-box h3 { font-size: 32px; }

    .theme-switcher { padding: 3px; gap: 1px; }
    .theme-option { width: 30px; height: 30px; font-size: 12px; }

    .search-btn { width: 42px !important; height: 42px !important; }
    .search-btn i { font-size: 14px !important; }
}

@media (max-width: 576px) {
    :root { --container-padding: 15px; }
    h1 { font-size: 38px; }
    h2 { font-size: 32px; }
    p  { font-size: 15px; line-height: 1.7; }
    .stats-grid { grid-template-columns: 1fr; }
    .theme-btn { width: 100%; justify-content: center; }
}

/* =========================================================
   PRINT STYLES
========================================================= */

@media print {
    .main-header,
    .mobile-nav,
    .scroll-top,
    .loader-wrapper,
    .search-overlay {
        display: none !important;
    }
    body { background: #fff; color: #000; }
    section { padding: 20px 0; page-break-inside: avoid; }
    a { color: #000; text-decoration: underline; }
}