/* L'explication des deux colonnes : repliee par defaut, elle ne gene pas celui
   qui vient juste taper un domaine, et repond a celui qui s'arrete sur l'ecart. */
.audeux{margin:12px 0 0;border:1px solid var(--line);border-radius:10px;
  padding:9px 13px;background:#F8F9FB;font-size:13px}
.audeux summary{cursor:pointer;font-weight:600;color:var(--o)}
.audeux p{margin:9px 0 0;line-height:1.5}
.audeuxtab{margin:8px 0 0;border-collapse:collapse;font-size:12.5px}
.audeuxtab td{padding:2px 14px 2px 0}
.auform{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
/* ⚠ Le bouton de partage se cale sur la hauteur du bouton principal, sinon il
   flotte en haut du champ de saisie et semble appartenir a autre chose. */
#aulienh{align-self:center}
/* ⚠️ Le trait du champ est volontairement plus soutenu que `--line`, qui sert
   aux separations de tableau : pose sur une carte blanche, un liseré a 1 px
   dans cette couleur disparaissait et le champ ne se lisait plus comme un
   champ. Remarque de Fabien. Une ombre interne tres legere creuse la zone de
   saisie, ce que la bordure seule ne fait pas. */
.auform input[type=text]{flex:1 1 320px;min-width:0;padding:13px 15px;
border:1.5px solid #C9CFDC;border-radius:11px;font-size:15px;font-family:inherit;
background:#fff;color:var(--ink);box-shadow:inset 0 1px 2px rgba(27,34,51,.06)}
.auform input[type=text]::placeholder{color:#9AA2B4}
.auform input[type=text]:hover{border-color:#AEB6C8}
.auform input[type=text]:focus{outline:2px solid var(--o);outline-offset:1px;border-color:var(--o);
box-shadow:none}
.auform textarea{flex:1 1 100%;min-height:120px;padding:12px 14px;
border:1.5px solid #C9CFDC;border-radius:11px;font-size:14px;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;color:var(--ink);
resize:vertical;box-shadow:inset 0 1px 2px rgba(27,34,51,.06)}
.auform textarea::placeholder{color:#9AA2B4}
.auform textarea:hover{border-color:#AEB6C8}
.auform textarea:focus{outline:2px solid var(--o);outline-offset:1px;border-color:var(--o);
box-shadow:none}
.aumode{display:flex;gap:6px;margin:0 0 12px}
.aumode button{padding:7px 14px;font-size:13px;border-radius:999px;border:1px solid var(--line);
background:#fff;color:var(--muted);cursor:pointer;font-weight:600}
.aumode button.on{background:var(--o-soft);border-color:var(--o);color:var(--o)}
.auscroll{overflow-x:auto;margin-top:16px}
.autab{width:100%;border-collapse:collapse;font-size:14px}
.autab th{text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;
color:var(--muted);padding:9px 12px;background:var(--bg);white-space:nowrap}
.autab td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:middle}
.autab th.autri{cursor:pointer;user-select:none}
.autab th.autri:hover{color:var(--o)}
/* ⚠⚠ LA COLONNE DES NOMS NE PREND QUE SA PLACE. Sans largeur imposee, le
   tableau repartit l'espace entre cinq colonnes : celle des domaines, la seule
   large, s'etalait sur la moitie de l'ecran et repoussait les quatre chiffres
   loin a droite. On lit pourtant ce tableau en balayant les NOTES, pas les
   noms. Demande de Fabien le 2026-09-15 : « un peu plus a gauche, on a de la
   place entre le ndd et le score ».
   ⚠ `width:1%` avec `white-space:nowrap` : la colonne se reduit au contenu le
   plus long, sans jamais le couper. */
.autab td.aud{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  width:1%;white-space:nowrap;padding-right:22px}
.autab th:first-child{width:1%;white-space:nowrap;padding-right:22px}
/* Les colonnes de chiffres se serrent, la derniere absorbe le reste. */
.autab td:not(.aud),.autab th:not(:first-child){width:1%;white-space:nowrap}
.autab td:last-child,.autab th:last-child{width:auto}
.autab tbody tr:hover{background:#FBFBFD}
/* La note tient dans une pastille coloree par palier : on lit un tableau de
   cinquante lignes d'un coup d'oeil, pas en comparant des nombres. */
/* Le zero d'un hote absent du classement : pointille, pour qu'il ne se lise pas
   comme une mesure. */
.auvide{border-style:dotted !important;background:#fff !important;color:#9AA1AC !important}
.aunote{display:inline-block;min-width:34px;text-align:center;font-weight:700;font-size:14px;
padding:3px 8px;border-radius:8px;border:1px solid transparent}
.aunote.n0{background:#F1F3F7;color:#6B7385;border-color:#E3E7EE}
.aunote.n1{background:#FFECEA;color:#B3261E;border-color:#FFD0CB}
.aunote.n2{background:#FFF4E0;color:#8A5E00;border-color:#F3DFB4}
.aunote.n3{background:#FFFBE0;color:#7A6A00;border-color:#EFE6B0}
.aunote.n4{background:#E7F7EF;color:#0A7A45;border-color:#BFE9D4}
/* ⚠ La barre redit ce que la pastille coloree dit deja. Reduite a 70 px, elle
   garde son role de reperage visuel sans repousser les colonnes suivantes. */
.aubar{height:5px;border-radius:3px;background:var(--line);margin-top:5px;overflow:hidden;max-width:70px}
.aubar i{display:block;height:100%;background:var(--o);border-radius:3px}
.aunum{font-variant-numeric:tabular-nums}
/* Le nombre de referents, cliquable : il garde l'allure d'un chiffre, pas celle
   d'un bouton, et ne se revele qu'au survol. */
.aurd{font:inherit;color:inherit;background:none;border:0;padding:1px 4px;border-radius:6px;
  cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.aurd:hover{background:var(--o-soft);color:var(--o)}
.aurdfl{font-size:9px;opacity:.6;transition:transform .15s}
.aurd[aria-expanded="true"]{background:var(--o);color:#fff}
.aurd[aria-expanded="true"] .aurdfl{transform:rotate(180deg);opacity:1}
.aurdrow > td{background:#F8F9FB;padding:10px 12px}
.aurdtete{font-size:12.5px;margin-bottom:8px}
.aurdlist{list-style:none;margin:0;padding:0;columns:4;column-gap:18px;font-size:12.5px}
.aurdlist li{break-inside:avoid;padding:1px 0}
.aurdlist a{text-decoration:none}
.aurdlist a:hover{text-decoration:underline}
@media (max-width:900px){.aurdlist{columns:2}}
@media (max-width:560px){.aurdlist{columns:1}}
.aupr-abs{color:var(--muted);font-size:13px}
.augonfle{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font:600 10.5px/1.5 system-ui,sans-serif;
  background:#FEF3C7;color:#92400E;border:1px solid #FCD34D;vertical-align:middle;cursor:help;white-space:nowrap}
.auecart{display:inline-block;margin-left:4px;font-size:11px;color:var(--muted);cursor:help;vertical-align:middle}
.aunote-abs{color:var(--muted);font-size:13px}
.aurow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.aucp{border:1px solid var(--line);background:none;border-radius:6px;cursor:pointer;font-size:11px;line-height:1;
  padding:2px 5px;margin-left:6px;color:var(--muted,#6B7280);vertical-align:middle;opacity:.7}
.aucp:hover{opacity:1;border-color:var(--o);color:var(--o)}
.aumini{padding:7px 13px;font-size:12.5px;border-radius:8px;border:1px solid var(--line);
background:#fff;color:var(--ink);cursor:pointer;font-weight:600}
.aumini:hover{border-color:var(--o);color:var(--o)}
.aumini[disabled]{opacity:.4;cursor:default}
.aumini[disabled]:hover{border-color:var(--line);color:var(--ink)}
.aunote-aide{font-size:12.5px;color:var(--muted);margin-top:10px}
.auerr{color:#B3261E;font-weight:600}
.auspin{display:inline-block;width:12px;height:12px;margin-right:7px;vertical-align:-1px;
border:2px solid var(--line);border-top-color:var(--o);border-radius:50%;animation:auspin .8s linear infinite}
@keyframes auspin{to{transform:rotate(360deg)}}