/* Bloc « codes couleur exacts » des pages univers (scripts/seo_univers_sync.py, 20 oct. 2026) : des pastilles
   vers les pages /couleur/<slug>/ ; le nom et le hex, la couleur en point. */
.ucc__list{ list-style:none; margin:20px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.ucc__chip{ display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 16px 0 12px; border-radius:var(--cg-r-pill);
  background:var(--cg-raised); box-shadow:inset 0 0 0 1px var(--cg-line); color:var(--cg-fg); text-decoration:none;
  transition:background-color var(--cg-d-bg) ease, transform var(--cg-d-btn) var(--cg-ease-out); }
.ucc__chip:hover{ background:var(--cg-raised-2); }
.ucc__chip:active{ transform:scale(.97); }
.ucc__dot{ width:22px; height:22px; border-radius:50%; background:var(--c); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); flex:none; }
.ucc__n{ font-size:15px; font-weight:500; }
.ucc__hex{ font-family:inherit; font-size:13px; color:var(--cg-fg-3); font-variant-numeric:tabular-nums; }
.ucc__more{ margin:18px 0 0; }