/* Pastille « Rouge On Blue » · Nukleo charte v3 (2026-10) · Han Pixel
   Couleurs ROB relevées sur rougeonblue.ca : bleu #02029B, rouge #E00101 (dégradés du site). */
:root{--rob-blue:#02029B;--rob-red:#E00101}
.rob{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 6px;border-radius:12px;
  font:500 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;
  box-sizing:border-box;border:1px solid transparent;vertical-align:middle;flex:none}
/* Marque : disque bleu ROB 12 px + point rouge 4 px (« rouge sur bleu ») */
.rob i{flex:none;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,var(--rob-red) 0 2px,transparent 2.5px),var(--rob-blue)}
/* Variante sur image : night 72 %, flou 8 px, filet blanc 18 % */
.rob--image{background:rgba(6,12,24,.72);color:#fff;border-color:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2)}
.rob--image i{box-shadow:0 0 0 1px rgba(255,255,255,.55)}
/* Variante fond clair paper : blanc, filet --rule, texte ink */
.rob--paper{background:#fff;color:#0E1830;border-color:rgba(14,24,48,.16)}
/* Variante fond sombre : blanc 8 %, filet --rule-dark, texte blanc */
.rob--dark{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22)}
.rob--dark i{box-shadow:0 0 0 1px rgba(255,255,255,.55)}
/* Positionnement : ancrage en bas à gauche d'une image (parent en position:relative) */
.rob-anchor{--rob-inset:16px;position:absolute;left:var(--rob-inset);bottom:var(--rob-inset);z-index:2}
@media (max-width:600px){.rob-anchor{--rob-inset:12px}}
/* Le cadre qui contient la pastille est le parent positionné. */
.frame:has(>.rob-anchor),
.browser:has(>.rob-anchor),
.scrollshot:has(>.rob-anchor){position:relative}