/* Additional Mobile Adjustments */
@media (max-width: 768px) {
    .header-main .container { flex-direction: column; gap: 1rem; }
    .search-container { width: 100%; max-width: none; }
    .nav-links { width: 100%; justify-content: space-between; overflow-x: auto; padding-bottom: 0.5rem; }
    .section { padding: 2rem 0; }
    .modal { margin: 0; min-height: 100vh; border-radius: 0; }
    .modal-body { max-height: calc(100vh - 130px); }
}