/**
 * Onglets : barre de liens d’ancre promue en jeu d’onglets par onglets.js.
 *
 * Partagée par la page « Vie et œuvre » et la fiche d’un contributeur, chargée
 * avec le script. Chaque page règle elle-même la largeur de la barre et des
 * panneaux (vigee.css, revue.css) ; ici, seulement leur dessin.
 */

/*
 * Même filet que les rubriques d’un numéro : un trait d’accent dessous, et rien
 * au-dessus. La marge qui précède reprend celle de l’index thématique entre sa
 * titraille et ses thématiques — le retrait de la barre est porté ici plutôt que
 * par l’en-tête, comme là-bas.
 */
.cvigee-onglets__barre {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-md);
	margin-top: var(--space-lg);
	border-bottom: var(--rule-accent);
}

/* La typographie vient de .cvigee-etiquette-action, portée par le gabarit. */
.cvigee-onglet {
	text-decoration: none;
	padding: var(--space-xs) 0;
}

.cvigee-onglet:hover,
.cvigee-onglet:focus-visible {
	color: var(--color-ink);
}

.cvigee-panneau {
	padding-top: var(--space-lg);
}

/* Le repli des panneaux appartient au script ; la feuille lui obéit. */
.cvigee-panneau[hidden] {
	display: none;
}

/*
 * Le panneau est focalisable — c’est ce qui fait qu’une tabulation depuis
 * l’onglet mène bien à son contenu — mais il ne dessine pas de cadre : ce n’est
 * pas une commande, et cerner d’accent une région pleine largeur signalerait
 * une cible qu’on ne peut ni activer ni quitter autrement qu’en tabulant. Le
 * contour reste aux liens et aux boutons, qui en ont l’usage.
 */
.cvigee-panneau:focus,
.cvigee-panneau:focus-visible {
	outline: none;
}

/*
 * Titre d’un panneau. Avec le script et plusieurs panneaux, la barre l’annonce
 * et le script le masque. Seul — une fiche sans notice n’a que « Dans la
 * revue » — il n’y a pas de barre, et ce titre en tient lieu : même mot, au
 * même endroit, sous le même filet d’accent, mais un titre de section et non un
 * bouton orphelin. Sans script, il reste le titre de chaque section.
 */
.cvigee-panneau__titre {
	margin: var(--space-lg) 0 0;
}

/* Un titre de panneau qui suit une barre d’onglets ne redit pas la barre. */
.cvigee-onglets__barre ~ .cvigee-panneau .cvigee-panneau__titre {
	margin-top: 0;
}