/* Pages profils / tarifs / locales + bloc « Vous êtes… » de l'accueil */

/* Texte courant des pages de contenu */
.prose { font-size: var(--fs-base); line-height: 1.7; color: var(--ink); }
.prose p { margin: 0 0 1.1rem; }
.prose ul { margin: 0 0 1.25rem; padding-left: 1.25rem; display: grid; gap: 0.75rem; }
.prose li::marker { color: var(--blue); }
.prose strong { color: var(--navy); font-weight: 600; }
.prose a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.prose a:hover { color: var(--blue-600); }

/* Boutons de la bande d'appel */
.btn-ico { width: 18px; height: 18px; flex: none; }
.sp-cta .sp-actions { gap: 0.75rem; }

/* « Voir aussi » */
.sp-others-wrap { margin-top: clamp(2rem, 1.5rem + 2vw, 3rem); }
.sp-others-title { margin: 0; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue-600); }

/* Accueil : « Vous êtes… » */
.profils { display: grid; gap: 1rem; }
.profil { display: grid; gap: 0.5rem; padding: 1.5rem; border-radius: var(--radius-lg); background: #fff; border: 1px solid var(--line); color: inherit; text-decoration: none; transition: border-color 0.3s, box-shadow 0.4s var(--ease), transform 0.4s var(--ease); }
.profil:hover { border-color: var(--blue-300); box-shadow: var(--shadow); transform: translateY(-3px); }
.profil__ico { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: var(--ice); color: var(--blue); }
.profil__ico svg { width: 24px; height: 24px; }
.profil h3 { margin: 0.5rem 0 0; font-size: 1.1875rem; }
.profil p { margin: 0; color: var(--muted); font-size: var(--fs-sm); line-height: 1.55; }
.profil__more { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.4rem; font-weight: 600; font-size: var(--fs-sm); color: var(--blue); }
.profil__more svg { width: 16px; height: 16px; }

.profils__more { margin: 1.75rem 0 0; text-align: center; color: var(--muted); font-size: var(--fs-sm); line-height: 1.9; }
.profils__more a { color: var(--blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* Accueil : zones d'intervention */
.zones { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-top: 1.5rem; }
.zones a { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1rem; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--navy); font-size: 0.9375rem; font-weight: 600; text-decoration: none; transition: border-color 0.3s, color 0.3s; }
.zones a:hover { border-color: var(--blue); color: var(--blue); }
.zones svg { width: 18px; height: 18px; color: var(--blue); }

@media (min-width: 700px) {
  .profils { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
  .profils { grid-template-columns: repeat(4, 1fr); }
}