/* doc-project | public/assets/css/responsive.css | adaptations responsive pour mobile, tablette et desktop */
@media (max-width: 720px) {
    .site-header,
    .site-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-nav {
        width: 100%;
    }

    .site-nav a {
        background: var(--color-surface);
        border: 1px solid var(--color-border);
        border-radius: 999px;
        padding: 0.7rem 0.9rem;
    }
}