/* chronology section - extracted for modularity */
  /* ---- chronology: multi-lane gestational timeline ---- */
  @keyframes chrIn{from{opacity:0;transform:translateY(7px)}}
  .chrono-controls{margin:6px 0 14px}
  .chrono{position:relative;max-width:920px}
  .chrono-lane-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
  .chrono-lane-tabs .lbl{margin-right:2px}
  .chrono-lane-tab{display:inline-flex;align-items:center;gap:5px}
  .chrono-lane-tab .clt-ico{font-size:11px;line-height:1;opacity:.85}
  .chrono-lane-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10.5px;color:var(--fg3);margin:0 0 12px;padding:6px 10px;border-radius:8px;background:var(--st3);border:1px solid var(--st2)}
  .chrono-lane-legend span{display:inline-flex;align-items:center;gap:5px}
  .chrono-lane-legend .cll-rail{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:var(--chrome)}
  .chrono-lane-legend .cll-rail.is-alt{width:7px;height:7px;border-width:1.5px;opacity:.65}
  .chrono-phase,.chrono-item,.chrono-tri-anchor{scroll-margin-top:88px}
  .chrono-tri-anchor{height:0;overflow:hidden;pointer-events:none}
  .chrono-phase{display:flex;gap:12px;align-items:flex-start;margin:24px 0 12px}
  .chrono-phase:first-child{margin-top:4px}
  .chrono-phase .cp-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;margin-top:3px;background:var(--accent);box-shadow:0 0 0 4px var(--st3)}
  .chrono-phase .cp-h{font-weight:650;font-size:15px}
  .chrono-phase .cp-n{color:var(--fg2);font-size:12.5px;margin-top:1px;max-width:640px}
  .chrono-item{display:grid;grid-template-columns:64px auto 1fr;gap:10px;align-items:stretch;
    animation:chrIn .5s cubic-bezier(.22,1,.36,1) both}
  .chrono-item.chrono-row-compact .chrono-card{display:none}
  .chrono-item.chrono-row-compact .chrono-cross-wrap{margin-bottom:10px}
  .chrono-ga{text-align:right;padding-top:11px;line-height:1.15}
  .chrono-ga b{display:block;font-size:13px;font-variant-numeric:tabular-nums}
  .chrono-ga span{font-size:10px;color:var(--fg3);text-transform:uppercase;letter-spacing:.05em}
  .chrono-rails{display:flex;gap:5px;align-items:stretch;padding-top:0}
  .chrono-rail{position:relative;display:flex;justify-content:center;width:20px;flex:0 0 auto}
  .chrono-rail.is-focus{width:24px}
  .chrono-rail.is-alt{width:14px;opacity:.72}
  .chrono-rail::before{content:"";position:absolute;top:0;bottom:-14px;left:50%;transform:translateX(-50%);width:2px;background:var(--st2)}
  .chrono-rail.is-alt::before{width:1.5px;opacity:.55}
  .chrono-item:last-child .chrono-rail::before{bottom:calc(100% - 26px)}
  .chrono-dot{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;margin-top:13px;
    background:var(--chrome);border:2.5px solid var(--accent);transition:transform .15s,box-shadow .15s}
  .chrono-rail.is-alt .chrono-dot{width:8px;height:8px;margin-top:15px;border-width:2px}
  .chrono-rail.is-alt .chrono-dot.is-empty{background:transparent;border-color:var(--st2);opacity:.35}
  .chrono-rail.lane-screenings .chrono-dot{border-color:var(--violet)}
  .chrono-rail.lane-screenings.is-focus .chrono-dot{border-color:var(--violet)}
  .chrono-cross-wrap{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 6px}
  .chrono-cross{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 9px;border-radius:7px;
    border:1px solid var(--st2);background:var(--st3);cursor:pointer;color:var(--fg2);max-width:100%;
    transition:border-color .15s,background .15s}
  .chrono-cross:hover{border-color:var(--accent);background:var(--st2)}
  .chrono-cross .cc-ico{font-size:10px;line-height:1;flex:0 0 auto;opacity:.85}
  .chrono-cross .cc-ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .chrono-card{border:1px solid var(--st2);border-radius:11px;padding:11px 13px;margin-bottom:14px;background:var(--chrome);
    border-left:3px solid var(--accent);transition:border-color .15s,background .15s,box-shadow .15s}
  .chrono-card:hover{box-shadow:var(--shadow)}
  .chrono-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
  .chrono-ttl{font-weight:620;font-size:14.5px}
  .chrono-sys{font-size:10.5px;color:var(--fg3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
  .chrono-body{margin:6px 0 0;color:var(--fg2);font-size:13px;line-height:1.5}
  .chrono-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
  .chrono-el{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--st3);border:1px solid var(--st2);color:var(--fg2)}
  .chrono-nuts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}
  .chrono-nuts .cn-lb{font-size:10px;color:var(--fg3);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}
  .chrono-item.tone-violet .chrono-dot{border-color:var(--violet)} .chrono-item.tone-violet .chrono-card{border-left-color:var(--violet)}
  .chrono-item.tone-green .chrono-dot{border-color:var(--green)} .chrono-item.tone-green .chrono-card{border-left-color:var(--green)}
  .chrono-phase.tone-violet .cp-dot{background:var(--violet)} .chrono-phase.tone-green .cp-dot{background:var(--green)}
  .chrono-item.past{opacity:.6} .chrono-item.past .chrono-dot{background:var(--accent)}
  .chrono-item.past.tone-violet .chrono-dot{background:var(--violet)} .chrono-item.past.tone-green .chrono-dot{background:var(--green)}
  .chrono-item.now .chrono-card{border-color:var(--accent);background:var(--st3);box-shadow:inset 0 0 0 1px var(--accent)}
  .chrono-item.now .chrono-dot{transform:scale(1.3);box-shadow:0 0 0 5px var(--st1)}
  .chrono-now{display:flex;align-items:center;gap:10px;margin:2px 0 16px 86px;color:var(--accent);font-weight:600;font-size:12.5px}
  .chrono-now::before,.chrono-now::after{content:"";height:1px;background:var(--accent);opacity:.45}
  .chrono-now::before{flex:0 0 16px} .chrono-now::after{flex:1} .chrono-now span{white-space:nowrap}
  .chrono-now.done{color:var(--green)} .chrono-now.done::before,.chrono-now.done::after{background:var(--green)}
  @media(max-width:640px){ .chrono-item{grid-template-columns:48px auto 1fr;gap:7px} .chrono-ga b{font-size:11px} .chrono-now{margin-left:72px} .chrono-rail.is-focus{width:20px} .chrono-rail.is-alt{width:12px} }

  @media (prefers-reduced-motion: reduce){
    .chart .bar,.stack .seg,.rbfill,.tl-line,.tl-area,.tl-dot,.chrono-item,.inrow.flash{animation:none !important}
    .gap-row,.chart-tip,.chrono-dot,.chrono-card{transition:none !important}
  }