/* ============================================================================
   Bandeau « la règle correspondante », posé en tête des pages de LISTES
   (dons, compétences, langues, alignements, actions).

   Feuille séparée et autonome : ces pages n'ont aucune raison de charger toute
   la feuille des règles pour un bandeau. Les couleurs sont écrites en clair
   parce que certaines de ces pages tournent encore sur root.css (legacy), où
   les variables --blue-* et --gold n'existent pas.
   ========================================================================== */

.regles-retour-bandeau {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    max-width: 1200px;
    margin: 90px auto 0.75rem;
    padding: 0.6rem 1rem;
    background: rgba(0, 35, 64, 0.85);
    border: 1px solid #0A3D66;
    border-left: 3px solid #f5c542;
    border-radius: 0;
    text-decoration: none;
    color: #DFEAF2;
    font-family: 'Crimson Text', Georgia, serif;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.regles-retour-bandeau:hover {
    border-color: rgba(245, 197, 66, 0.5);
    border-left-color: #f5c542;
    background: rgba(245, 197, 66, 0.08);
}

.regles-retour-label {
    font-family: 'Cinzel', Georgia, serif;
    font-size: 0.58rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(245, 197, 66, 0.8);
    white-space: nowrap;
}

.regles-retour-titre {
    font-size: 0.98rem;
    color: #DFEAF2;
}

.regles-retour-fleche {
    margin-left: auto;
    color: rgba(245, 197, 66, 0.6);
    font-size: 1.1rem;
}

@media (max-width: 900px) {
    .regles-retour-bandeau {
        margin-top: 75px;
        flex-wrap: wrap;
        gap: 0.3rem;
    }
}