/* web/happy-hours.css — la page « Happy hours à Paris » (13/10/2026 ; feuille propre depuis le 14/10/2026).
   Le classement, dans le style des listes du site (.pcard, .pmeta) : le rang en chiffre discret, l'état du
   créneau en pastille (vert = en cours, ambre = à confirmer). Chargée par cette page seule, après
   public/styles.css, publiée empreinte en docs/assets/happy-hours.<empreinte>.css par scripts/build-pages.mjs
   avec ces pages (cache immuable ; lib/happy-hours-page.js, FEUILLE_HAPPY_HOURS) : les jetons du site (--muted, --good,
   --warn-bg, --warn-ink, --warn-line, --line, --card, --ink) font les couleurs, dans les deux thèmes.
   POURQUOI UNE FEUILLE À PART : écrites dans public/styles.css, ces règles partaient aussi dans la feuille de
   l'accueil (accueil.<empreinte>.css = styles.css + entrees-paris.css), que l'accueil n'applique jamais —
   150 octets compressés au premier écran de chaque visiteur, sur les 591 que l'arrivée des happy hours y
   ajoutait et qui l'ont fait passer au-dessus de son plafond de 195 Ko (mesuré le 14/10/2026). */
.hh-rang { flex: none; min-width: 28px; font-size: 15px; font-weight: 700; color: var(--muted); line-height: 1.6; text-align: right; }
.hh-badge { display: inline-block; font-size: 12px; font-weight: 600; border-radius: 999px; padding: 1px 8px; vertical-align: 1px; }
.hh-badge-en-cours { background: var(--good); color: #fff; margin-left: 6px; }
.hh-badge-doute { background: var(--warn-bg); color: var(--warn-ink); border: 1px solid var(--warn-line); }
.hh-etat { font-weight: 600; }
.hh-en-cours .hh-creneau { color: var(--ink); }
.hh-doute { color: var(--warn-ink); }
.hh-outils { margin: 8px 0 12px; }
.hh-filtre { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--muted); }
.hh-filtre select { min-height: 44px; border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; font-size: 15px; background: var(--card); color: var(--ink); }
.hh-suite { margin: 16px 0 0; display: grid; gap: 8px; }