/* Frise des courants, aux couleurs de Socle Données */
[hidden]{display:none!important}

/* choix des courants */
.fz-pick{margin-top:24px;border-top:1px solid var(--color-border-faint)}
.fz-pick > summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer}
.fz-pick > summary::-webkit-details-marker{display:none}
.fz-pick > summary .t-surtitre{color:var(--color-text-primary)}
.fz-pick > summary .fz-n{font-size:.9375rem;color:var(--color-text-secondary)}
.fz-pick > summary .chev{margin-left:auto;transition:transform .15s}
.fz-pick[open] > summary .chev{transform:rotate(180deg)}
.fz-pick > summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:8px}
.fz-fams{display:grid;gap:10px}
.fz-fam{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 16px;align-items:center}
.fz-fam .fam-name{justify-self:start;background:none;border:0;padding:6px 0;cursor:pointer;min-height:44px}
.fz-fam .fam-name:hover{text-decoration:underline;text-underline-offset:3px}
.fz-fam .fam-name:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:6px}
.fz-fam .chips{gap:8px}
.fz-chip{min-height:44px;padding:0 14px 0 6px;gap:8px;font-size:.875rem;background:var(--color-bg-surface)}
.fz-chip .lettre.sm{width:30px;height:30px;font-size:.875rem}
.fz-chip[aria-pressed="true"] .lettre{box-shadow:0 0 0 2px var(--color-bg-surface)}
.fz-chip[aria-pressed="true"]::before{display:none}
.fz-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:16px 0 4px}
.fz-type{display:inline-flex;align-items:center;gap:10px}
.fz-act .link{background:none;border:0;padding:0;cursor:pointer;min-height:44px}
.fz-act .link:disabled{opacity:.45;cursor:default;text-decoration:none}

/* frise */
.fz-view{padding-block:40px 72px}
.fz-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:16px}
.fz-head h2{margin:0}
.fz-head p{margin:0}
.fz-card{background:var(--color-bg-surface);border:1px solid transparent;border-radius:var(--radius-lg);overflow:hidden}
.chart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-top:4px}
.chart-wrap svg{display:block;max-width:none}
/* axes et grille : filets pleins de Socle Données, étiquettes en Archivo étroit */
.ax{font-family:var(--font-display);font-size:12px;font-weight:500;font-stretch:88%;fill:var(--color-text-secondary);font-variant-numeric:tabular-nums}
.grid{stroke:var(--dn-data-grid);stroke-width:1;shape-rendering:crispEdges}
.grid.major{stroke:var(--dn-border-subtle)}
.lane-bg{fill:transparent}
.lane-bg.alt{fill:var(--color-bg-page)}
.lane-lab{font-family:var(--font-display);font-size:13px;font-weight:600;font-stretch:92%;fill:var(--color-text-primary);cursor:pointer;outline:none}
.lane-lab .k{font-family:var(--font-mono);font-size:12px;font-weight:400;font-stretch:100%;fill:var(--color-text-muted)}
.lane-lab:hover text,.lane-lab:focus-visible text{text-decoration:underline}
.lane-lab:focus-visible path{stroke:var(--color-focus);stroke-width:3}
/* marques : dn-forme (anneau de surface), focus et sélection comme dans Socle Données */
.mk{stroke:var(--color-bg-surface);stroke-width:2;paint-order:stroke;cursor:pointer;outline:none}
.mk:hover,.mk.on{stroke:var(--dn-data-highlight);stroke-width:2.5}
.mk:focus-visible{stroke:var(--color-focus);stroke-width:3}
.mk.pin{stroke:var(--dn-data-highlight);stroke-width:3}
.brk{stroke:var(--color-text-secondary);stroke-width:1.2;fill:none}
/* bande de lecture : dn-figure__detail (filet, texte à l'encre) */
.band{background:var(--color-bg-surface);color:var(--color-text-primary);border-top:1px solid var(--color-border-faint);padding:18px 24px 22px;min-height:8em;display:grid;gap:8px;align-content:start}
.band p{margin:0}
.band .b-hint{align-self:center;font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted)}
.band .b-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}
.band a{color:var(--dn-action)}
.band .ev-meta a,.band .b-meta a{color:var(--color-text-secondary)}
.band h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.25;font-stretch:104%;letter-spacing:-.01em;color:inherit}
.band .tx{max-width:80ch;font-size:.9375rem;line-height:1.5;color:var(--color-text-secondary)}
.band .src{font-size:.8125rem;line-height:1.45;color:var(--color-text-muted);max-width:90ch}
.band .src b{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.band .src a{overflow-wrap:anywhere}
.band .src a::after{content:" ↗";font-size:.8em}
.band .link{color:var(--dn-action)}
.fz-note{margin:12px 0 0;max-width:820px;color:var(--color-text-secondary)}
.empty{padding:28px 0;color:var(--color-text-secondary)}

/* liste */
.list{margin-top:40px}
.yr{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--color-border-faint);padding-top:16px;margin-top:28px}
@media (min-width:900px){.yr{grid-template-columns:160px minmax(0,690px);gap:32px}}
.yr-h{margin:0;font-family:var(--font-display);font-weight:740;font-size:var(--dn-type-chiffre-size);line-height:1;font-stretch:100%;letter-spacing:-.02em;color:var(--color-text-primary);font-variant-numeric:lining-nums}
@media (min-width:900px){.yr-h{position:sticky;top:calc(var(--header-h) + 16px);align-self:start}}
.evs{display:grid;gap:12px;min-width:0}
/* événement : surface sans contour ni liseré (la famille est dite par la forme, la lettre et le libellé) */
.ev{display:grid;gap:6px;padding:16px 20px 18px;background:var(--color-bg-surface);border:1px solid transparent;border-radius:var(--radius-md);
  scroll-margin-top:calc(var(--header-h) + 24px);transition:box-shadow .6s}
.ev.hl{box-shadow:0 0 0 3px var(--color-accent)}
.ev p{margin:0}
.ev-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}
.ev-meta time{color:var(--color-text-primary);font-weight:600}
.ev-meta a{color:var(--color-text-secondary)}
.ev-meta .c{display:inline-flex;align-items:center;gap:6px}
.ev-meta .shape{width:12px;height:12px}
.ev h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.125rem;line-height:1.25;font-stretch:102%}
.ev p.tx{max-width:68ch;font-size:.9375rem;line-height:1.55}
.ev .src{font-size:.8125rem;line-height:1.45;color:var(--color-text-muted);max-width:80ch}
.ev .src b{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.ev .src a{overflow-wrap:anywhere}
.ev .src a::after{content:" ↗";font-size:.8em}
.fz-foot{margin:40px 0 0;color:var(--color-text-secondary)}

@media (max-width:767px){
  .fz-fam{grid-template-columns:minmax(0,1fr);gap:4px}
  .fz-fam .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) 4px}
  .fz-fam .chips::-webkit-scrollbar{display:none}
  .fz-chip{flex:none}
  .fz-view{padding-top:24px}
  .band{padding:16px}
  .yr-h{font-size:2rem}
  .ev{padding:14px 16px 16px}
}