/* Outil · Numéros d'urgence (Emergency numbers), id urgences : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : ug-
   À gauche : « vérifie sur place » (2 lignes fixes), la carte du pays (drapeau, nom ; le numéro principal en grand,
   toucher = appeler ; 4 lignes fixes : police, ambulance, pompiers, un numéro de plus), l'info (le 112 en Europe).
   À droite : le pays (recherche, liste avec drapeaux, hauteur fixe). */
.ug .outil-fixe { align-items: stretch; }
.ug-verifie { margin: 0; height: 3em; font: 500 12px/1.5 var(--mono); letter-spacing: .02em; color: var(--peche); overflow: hidden; }
.ug-carte { display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 22px;
  background: linear-gradient(165deg, rgba(242, 240, 235, .065), rgba(242, 240, 235, .015) 60%); box-shadow: inset 0 0 0 1px var(--filet-doux); }
.ug-tete { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ug-drapeau { flex: none; width: 54px; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 1px rgba(242, 240, 235, .14); }
.ug-drapeau svg, .ug-mini svg { display: block; width: 100%; height: 100%; }
.ug-pays { margin: 0; font: 700 24px/1.15 var(--display); letter-spacing: -.03em; height: 1.15em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ug-principal { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 16px; text-decoration: none;
  background: var(--orange); color: var(--noir); }
.ug-principal span { font: 600 13px/1 var(--mono); letter-spacing: .06em; }
.ug-principal b { font: 700 46px/1 var(--display); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.ug-services { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ug-service { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; text-decoration: none; background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px var(--filet-doux); min-height: 70px; }
.ug-service span { font: 500 11px/1.25 var(--mono); letter-spacing: .03em; color: var(--texte2); height: 2.5em; overflow: hidden; }
.ug-service b { font: 700 22px/1 var(--display); letter-spacing: -.02em; color: var(--papier); font-variant-numeric: tabular-nums; }
.ug-service.vide { visibility: hidden; }
.ug-info { flex: none; height: 2lh; margin: 0; overflow: hidden; }
.ug-champ { display: flex; flex-direction: column; gap: var(--libelle); }
.ug-etiquette { font: var(--repere); letter-spacing: .1em; color: var(--texte2); }
.ug-liste { height: 420px; overflow-y: auto; overscroll-behavior: contain; }
.ug-ligne { cursor: pointer; align-items: center; }
.ug-ligne .val { font-variant-numeric: tabular-nums; }
.ug-mini { flex: none; width: 24px; aspect-ratio: 3 / 2; border-radius: 3px; overflow: hidden; box-shadow: 0 0 0 1px rgba(242, 240, 235, .12); }
.ug-vide { margin: 30px 0; text-align: center; font: var(--valeur); letter-spacing: .06em; color: var(--texte2); }