/* Surcouche du thème « métiers » (config/sites.php, clé surcouche) : ce qui n'appartient qu'à métiers. Le classeur lui-même (reliure, intercalaires, pied marine) est dans classeur.css, chargé avant cette feuille (clé surcouche_base). */
/* Verso des cartes : plus de texte avant les points de suspension (9 lignes au lieu de 5, un peu moins du double) ; propre au thème métiers, dico garde son réglage */
body[data-surcouche="metiers"] .verso .texte-verso{-webkit-line-clamp:9;line-clamp:9}

/* Onglets au-dessus des blocs : tous alignés à gauche sur métiers (plus de décalage d'un bloc à l'autre) ; dico garde les siens */
body[data-surcouche="metiers"] .zone [data-onglet]{--tab-x:-2px}


/* ===== Recto des cartes : photo avec de l'air autour, cinq gemmes de rang dessous, titre centré dans la place libre, les trois faits au bas de la carte ; plus de description ni de rond de rang ===== */
.carte .phrase{display:none}
.carte .badge{display:none}
.carte .image{margin:1.6cqw 3cqw 0;height:58cqw}
.recto .entete-carte{top:9.4cqw;left:9cqw;right:9cqw;justify-content:center}
.carte .rang-icones{display:flex;justify-content:center;align-items:center;gap:2.2cqw;margin-top:1.8cqw}
.carte .rang-icone{width:6.4cqw;height:6.4cqw;stroke:var(--brume);stroke-width:1.6;fill:none}
.carte .rang-icone.allumee{stroke:var(--teinte);fill:color-mix(in srgb,var(--teinte) 78%,transparent)}
.carte .nom{flex:1;display:grid;align-content:center;justify-items:center;margin:0;font-size:6.8cqw;line-height:1.12;overflow:hidden;-webkit-line-clamp:unset;line-clamp:unset}
.carte .faits{margin-top:0;margin-bottom:5.5cqw}

/* ===== Le trait au-dessus des trois faits s'efface un peu aux deux bouts ; autant d'espace au-dessus des icônes qu'en dessous ===== */
.carte .faits{border-top:0;padding-top:7.5cqw;margin-bottom:-.7cqw;
  background:linear-gradient(90deg,transparent,var(--brume) 20%,var(--brume) 80%,transparent) 0 0/100% .45cqw no-repeat}

/* ===== Verso : « En savoir plus » est un bouton, aligné à gauche ===== */
.carte a.lien-verso{display:inline-flex;align-items:center;align-self:flex-start;margin:1.8cqw 0;padding:2.2cqw 5.6cqw;border-radius:999px;background:var(--orange-fort);color:#fff;font:600 4.2cqw var(--titre);text-decoration:none;box-shadow:0 .7cqw 0 color-mix(in srgb,var(--orange-fort) 60%,#000)}
.carte a.lien-verso:hover{text-decoration:none;transform:translateY(.25cqw)}

/* ===== Le numéro de la carte : au-dessus de la photo, en haut à droite ===== */
.carte .pied{top:2.4cqw;bottom:auto;right:8cqw;left:auto;opacity:.7}