/* Responsive — only leftovers not owned by section modules */

@media (max-width: 1023px) {
    .container {
        padding-inline: var(--space-gutter);
    }

    .modal-content {
        width: 90%;
        max-width: 600px;
    }
}

@media (max-width: 768px) {
    .modal-content {
        width: 95%;
        padding: 1.5rem;
    }

    .social-links {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .modal-content {
        padding: 1rem;
    }

    .modal-close {
        top: 0.5rem;
        right: 0.5rem;
    }
}