/* Parmeton Network — calendrier d'émission interactif (emission.html).
   Couleurs issues de site.css, avec valeur de repli si la variable manque. */

.emission-plot{position:relative;border-radius:14px}
.emission-plot:focus-visible{outline:2px solid var(--cyan,#22E5EA);outline-offset:3px}
.emission-plot svg{touch-action:pan-y}

.em-hit{fill:transparent;cursor:crosshair}
.em-hover[hidden],.em-hover [hidden]{display:none}
.em-cross{stroke:rgba(237,239,243,.32);stroke-width:1;stroke-dasharray:3 4;pointer-events:none}
.em-halo{opacity:.2;pointer-events:none}
.em-halo-a{fill:var(--cyan,#22E5EA)}
.em-halo-b{fill:var(--red-text,#FF5F73)}
.em-dot{stroke:var(--bg,#060A18);stroke-width:2;pointer-events:none}
.em-dot-a{fill:var(--cyan,#22E5EA)}
.em-dot-b{fill:var(--red-text,#FF5F73)}

.emission-tip{position:absolute;z-index:2;top:0;left:0;pointer-events:none;min-width:220px;padding:10px 14px 11px;border:1px solid var(--line-strong,rgba(237,239,243,.22));border-radius:10px;background:var(--surface-2,#121C3D);box-shadow:0 14px 34px -14px rgba(0,0,0,.7);font-size:13px;line-height:1.5;color:var(--muted,#9AA3B8);white-space:nowrap}
.emission-tip[hidden]{display:none}
.emission-tip b{display:block;font:500 1.05rem/1.35 var(--mono,ui-monospace,Menlo,Consolas,monospace);color:var(--ink,#EDEFF3)}
.emission-tip em{display:block;margin:0 0 6px;font-style:normal;font-size:12.5px;color:var(--faint,#69728A)}
.emission-tip .em-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px}
.emission-tip .em-row[hidden]{display:none}
.emission-tip .em-row strong{font:500 13px var(--mono,ui-monospace,Menlo,Consolas,monospace);font-variant-numeric:tabular-nums;color:var(--ink,#EDEFF3)}
.em-key{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%}
.em-key-a{background:var(--cyan,#22E5EA)}
.em-key-b{background:var(--red-text,#FF5F73)}

.emission-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.em-hint{display:none}
.emission-tip.is-idle>:not(.em-hint){display:none}
.emission-tip.is-idle .em-hint{display:block;white-space:normal}

/* écrans étroits : lecture fixe sous le graphique, le doigt ne masque rien */
@media (max-width:640px){
  .emission-tip{position:static;transform:none!important;min-width:0;min-height:136px;margin-top:10px;padding:12px 14px;font-size:13px;white-space:normal}
  .emission-tip.is-idle{display:flex;align-items:center}
  .emission-tip .em-row{gap:12px}
}

/* Typographie des axes : mêmes polices et mêmes tailles à l'écran que le reste du site,
   quelle que soit la largeur du graphique (--em-k = largeur affichée / 760, mise à jour par le script). */
.emission-plot{--em-k:1.42;--em-tick:12px;--em-title:13px;--em-gap:8px;--em-shift:8px}
.em-axis text{font-family:var(--mono,ui-monospace,Menlo,Consolas,monospace);font-size:calc(var(--em-tick) / var(--em-k));font-weight:400;font-variant-numeric:tabular-nums}
.em-axis .em-yt{dominant-baseline:central;transform:translateX(calc(var(--em-shift) / var(--em-k)))}
.em-axis .em-xt{dominant-baseline:hanging;transform:translateY(calc(var(--em-gap) / var(--em-k)))}
.em-axis .em-title{font-family:var(--body,system-ui,-apple-system,"Segoe UI",sans-serif);font-size:calc(var(--em-title) / var(--em-k))}
.em-axis .em-title-y{transform:translateY(calc(-10px / var(--em-k)))}
.em-axis .em-title-x{dominant-baseline:hanging;transform:translateY(calc((var(--em-gap) + var(--em-tick) + 10px) / var(--em-k)))}
@media (max-width:640px){.emission-plot{--em-k:.47;--em-tick:11px;--em-title:12px;--em-gap:5px;--em-shift:0px}}

/* Traits et repères à taille constante à l'écran (même épaisseur que le graphique de la page Statistiques) */
.emission-plot svg line,.emission-plot svg path{vector-effect:non-scaling-stroke}
.emission-plot svg path[stroke-width]{stroke-width:2.5px}
.emission-plot svg path[stroke-dasharray]{stroke-dasharray:7 5}
.emission-plot svg circle[r="4.5"],.em-dot{r:calc(5px / var(--em-k));stroke-width:calc(2px / var(--em-k))}
.em-halo{r:calc(9px / var(--em-k))}