/* Disposition seule : la page place des variantes du socle, elle n'en invente aucune. */

@layer components {
    /* La navigation entre documents est une liste de liens, pas une barre d'onglets dessinée : le
   document courant se nomme par `aria-current`, et l'œil le lit à son poids, pas à un fond. */

    .document-nav {
        margin: var(--canon-space-4) 0 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: var(--canon-space-4);
    }
    #document-form {
        margin-block-start: var(--canon-space-6);
    }

    .document-nav {
        list-style: none;
    }
    .document-nav [aria-current="page"] {
        font-weight: var(--canon-weight-title);
        text-decoration: none;
    }

    .document-nav [aria-current="page"] {
        cursor: default;
    }
}