/* ==========================================================================
   SECTORWEB — compléments de la page « Contact »
   Repris du <style> en ligne de la maquette, plus les états du formulaire.
   ========================================================================== */

/* Colonne formulaire + panneau latéral */
.ct-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}
.ct-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:88px}
@media(max-width:900px){.ct-grid{grid-template-columns:minmax(0,1fr);gap:24px}.ct-side{position:static}}

/* Étapes après envoi */
.after{list-style:none;display:flex;flex-direction:column;gap:0}
.after li{position:relative;display:block;padding:14px 0 14px 40px;border-bottom:1px solid var(--gridline)}
.after li:last-child{border-bottom:0;padding-bottom:0}
.after li:first-child{padding-top:0}
.after li:first-child .n{top:2px}
.after .n{position:absolute;left:0;top:16px;font-family:var(--f-mono);font-size:11.5px;color:var(--ember)}
.after .k{display:block;font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.3}
.after .w{display:block;font-size:13px;color:var(--slate);line-height:1.55;margin-top:3px}

/* --------------------------------------------------------------------------
   Villes sans lien
   Sur cette page, les villes informent — elles ne font pas naviguer : rien ne
   doit faire sortir un visiteur avant qu'il ait écrit. Le dessin de la carte,
   porté par le <a>, est donc reporté sur le <li> lui-même.
   -------------------------------------------------------------------------- */
.zones > li:not(:has(a)){
  background:var(--canvas);
  padding:18px 20px;
  font-size:14.5px;
  color:var(--ink);
  display:flex;
  align-items:center;
  height:100%;
}