:root{
  --paper:#FFFFFF; --bg:#F3F5F3; --ink:#16201B; --muted:#52615A; --line:#D2DAD5; --line-soft:#E6EBE8;
  --green:#1B4A35; --green-2:#2E6B4F; --green-soft:#E2ECE5;
  --ocre:#8F5E0C; --ocre-2:#C08A2A; --ocre-soft:#F5EAD2;
  --brique:#9B331E; --brique-soft:#F5E0D9;
  --q:#3B4A78; --q-soft:#E5E8F2;
  --grey-soft:#E7EBE9;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
/* Étiquettes C / H / Q */
.tag{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-weight:500;font-size:.72em;line-height:1;
  min-width:1.55em;height:1.45em;padding:0 .35em;border-radius:3px;vertical-align:.12em;margin:0 .1em;white-space:nowrap;box-sizing:border-box;letter-spacing:0}
.tag-c{background:var(--green);color:#fff;border:1px solid var(--green)}
.tag-h{background:var(--ocre-soft);color:var(--ocre);border:1px solid var(--ocre)}
.tag-q{background:#fff;color:var(--q);border:1px dashed var(--q)}
.tag-ch{background:linear-gradient(90deg,var(--green) 50%,var(--ocre-soft) 50%);border:1px solid var(--ocre);color:transparent;position:relative;min-width:2.7em}
.tag-ch::before{content:"C";position:absolute;left:.42em;color:#fff}
.tag-ch::after{content:"H";position:absolute;right:.42em;color:var(--ocre)}
.ec{font-family:var(--f-mono);font-size:.82em;color:var(--green);text-decoration:none;border-bottom:1px solid var(--green-soft);white-space:nowrap}
.ec:hover{border-bottom-color:var(--green)}
.eyebrow{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-2);font-weight:500}
.ico{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}