/* Responsive Design - Mobile and Tablet Styles */

@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }

    .header h1 {
        font-size: 2em;
    }

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

    .filter-buttons {
        justify-content: center;
    }

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

    .content-header,
    .search-filters,
    .deputies-section {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    body {
        background: white;
        color: black;
    }
    
    .filter-buttons,
    .search-input,
    .deputy-links {
        display: none;
    }
    
    .deputy-card {
        page-break-inside: avoid;
        border: 1px solid #000;
    }
}