/* p-urgence.css — page « urgence » : formulaire en 4 étapes. Tout est préfixé .p-urgence.
   S’appuie sur base.css / pages.css / p-contact.css / p-analyse.css
   (.an-case, .an-cases, .cf-err, .an-piege, .an-confirmation déjà stylés par p-analyse.css). */

/* Étapes : mêmes colonnes que le formulaire (.cform), 1 puis 2 colonnes */
.p-urgence .ur-etape{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:28px 40px;min-width:0}
.p-urgence .ur-etape[hidden]{display:none}
@media (min-width:700px){.p-urgence .ur-etape{grid-template-columns:repeat(2,minmax(0,1fr))}}

.p-urgence .ur-etape-titre{margin:0;font-weight:400;font-size:clamp(1.3rem,1.15rem + .4vw,1.6rem)}
.p-urgence .ur-etape-titre:focus-visible{outline:2px solid #9C520A;outline-offset:4px}

.p-urgence .ur-progression{margin:clamp(18px,2.5vw,28px) 0 0;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.p-urgence .ur-progression[hidden]{display:none}

.p-urgence .ur-intro{max-width:60ch;color:var(--muted)}

.p-urgence .ur-nav{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}

/* Blocs d’accès */
.p-urgence .ur-bloc,
.p-urgence .ur-autres fieldset{border:0;margin:0;padding:0;min-width:0}
.p-urgence .ur-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:22px 32px}
@media (min-width:700px){.p-urgence .ur-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}

.p-urgence .ur-pass{display:flex;align-items:flex-end;gap:10px}
.p-urgence .ur-pass input{flex:1;min-width:0}

.p-urgence .ur-voir{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid var(--hairline);border-radius:999px;background:none;font:500 14px var(--font-body);color:var(--ink-900);cursor:pointer}
.p-urgence .ur-voir:hover,
.p-urgence .ur-voir:focus-visible{color:var(--orange-deep);border-color:var(--orange-deep)}
.p-urgence .ur-voir:focus-visible{outline:2px solid #9C520A;outline-offset:3px}

.p-urgence .ur-encart{background:var(--paper);border:1px solid var(--hairline);border-left:4px solid var(--orange-deep);border-radius:4px;padding:clamp(18px,2.5vw,26px)}
.p-urgence .ur-encart h4{margin:0 0 8px;font-weight:500;font-size:1.1rem}
.p-urgence .ur-encart p{margin:0 0 8px}
.p-urgence .ur-encart p:last-child{margin:0}

/* Accès facultatifs : contenu ouvert à 16 px sous le libellé, 24 px entre les blocs */
.p-urgence details.ur-autres>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--ink-900)}
.p-urgence details.ur-autres[open]>summary{margin-bottom:16px}
.p-urgence details.ur-autres[open]>summary~fieldset{margin-top:24px}
.p-urgence details.ur-autres[open]>summary~fieldset:first-of-type{margin-top:0}

/* Niveaux d’urgence : une colonne, aide sous le libellé */
.p-urgence .ur-niveaux .an-cases{grid-template-columns:minmax(0,1fr)}
.p-urgence .ur-niv{font-weight:600}
.p-urgence .ur-niv-aide{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.p-urgence .ur-niveaux .an-case{align-items:flex-start}
.p-urgence .ur-niveaux .an-case input{margin-top:3px}

/* Récapitulatif */
.p-urgence .ur-recap{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:10px 24px;margin:0;padding:18px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.p-urgence .ur-recap dt{color:var(--muted);font-size:14px;letter-spacing:.06em}
.p-urgence .ur-recap dd{margin:0;overflow-wrap:anywhere}
@media (max-width:600px){
  .p-urgence .ur-recap{grid-template-columns:minmax(0,1fr)}
  .p-urgence .ur-recap dd{margin-bottom:8px}
}

.p-urgence .ur-fichiers{font-size:16px;padding:10px 0}
.p-urgence .ur-ref strong{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.p-urgence .ur-texte{margin:0;max-width:62ch}
