/* Corrections de l'audit (AUDIT.md) et composants ajoutés (DESIGN.md). Chargé en dernier sur toutes les pages. */
:root { --kx-discret: #9a8cb2; --kx-bord-champ: #807098; --kx-erreur: #ff9db2; }
[data-theme="light"] { --kx-discret: #6a5d83; --kx-bord-champ: #87769f; --kx-erreur: #b3261e; --warm: #8a5b0f; }

/* Texte réservé aux lecteurs d'écran */
.kx-invisible { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Accueil: la ligne qui dit le métier, sous le grand titre */
.minimal-home .home-sous-titre { margin: 10px auto 0; max-width: 46ch; text-align: center; color: var(--muted); font-size: 1rem; line-height: 1.5; }

/* Carte (DESIGN.md 5.1) */
.kx-carte {
  position: relative; display: grid; gap: 18px; padding: clamp(20px, 4vw, 36px); color: var(--ink);
  background: radial-gradient(at 50% 0, rgba(151, 97, 255, 0.094), transparent 70%), var(--panel);
  border: 1px solid var(--line); border-radius: 0;
}
[data-theme="light"] .kx-carte { background: var(--panel); border-color: rgba(106, 47, 208, 0.24); }
.kx-carte > h2 { margin: 0; font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem); line-height: 1.1; }
.kx-carte > p { margin: 0; color: var(--muted); }

/* Contact: le bloc de rendez-vous prend la colonne de gauche, plus large */
.contact-page .meeting-layout:has(#rendez-vous) { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: start; }
.rdv-autres { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 0.9rem; }
@media (max-width: 900px) { .contact-page .meeting-layout:has(#rendez-vous) { grid-template-columns: minmax(0, 1fr); } }

/* Derrière K'X: les fiches de l'équipe */
.equipe { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 72px; width: 100%; }
.equipe > h2 { margin: 0; }
.equipe-fiches { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 10px; }
/* Le site impose DM Sans à tous les titres (kx-v2css); les petits titres des fiches restent en mono, comme les surtitres */
[data-theme="light"] .fq-trk .fq-d b, [data-theme="light"] .fq-trk button[aria-selected=true] .fq-d b { color: var(--warm); }
.kx-equipier :is(.kx-bloc-titre, .kx-case-titre) { font-family: "IBM Plex Mono", ui-monospace, monospace !important; font-weight: 500 !important; letter-spacing: 0.12em !important; }