/* BJ Research · the timeline as a flight through time.
   One sticky stage (canvas: stars, horizon, three perspective rails, gates, events) under a
   HUD; the scroll position is the camera's place in time. Cards arrive beside their rail,
   chapter scenes are scrubbed by scroll. The same record is a plain list without JavaScript,
   under reduced motion, or on request ("List"). */
:root{--navh:52px;--hudh:96px}
body.tl-page{--space:#05070e;--space-2:#0a1230;--space-3:#14255a;--ink:#f1f4f9;--text:#e8edf7;--body:#c3cad8;--sec:#8b95ab;--muted:#7c879c;--bg:var(--space);--paper:#0a0f1e;--card:rgba(10,15,30,.74);--border:rgba(140,160,210,.16);--hard:rgba(140,160,210,.28);--accent:#5b8def;--accent-line:rgba(91,141,239,.5);--accent-soft:rgba(91,141,239,.12);--L1:#5b8def;--L2:#a9c6ff;--L3:#f1f4f9;--REG:#8b95ab;--surface:#05070e;--glow:rgba(91,141,239,.55);background:var(--space);color:var(--body);overflow-anchor:none}
html:has(body.tl-page){scroll-behavior:auto!important;background:#05070e}
.tl-page .progress{display:none}
.tl-page .nav{background:rgba(5,7,14,.45);color:#dfe4ec;border-bottom-color:transparent}
.tl-page .nav.scrolled{background:rgba(5,7,14,.72);border-bottom-color:var(--border)}
.tl-page .nav .brand{color:#fff}.tl-page .nav .brand b{color:var(--accent)}
.tl-page .nav-links a.lnk{color:#aab4c8}.tl-page .nav-links a.lnk:hover,.tl-page .nav-links a.lnk[aria-current]{color:#fff}
.tl-page .nav-links a.ext{color:var(--accent)}
.tl-page .nav-toggle{color:#c6cdd9;border-color:rgba(255,255,255,.25)}
.tl-page .nav.open{background:#0a0f1e}.tl-page .nav.open .nav-links{background:#0a0f1e;border-bottom-color:var(--hard)}.tl-page .nav.open .nav-links a.lnk{color:#f1f4f9;border-bottom-color:var(--border)}
.tl-page .footer{background:#070a14;border-top-color:var(--hard);position:relative;z-index:2}
.tl-page .footer .fbrand{color:#f1f4f9}.tl-page .footer-links a{color:#8b95ab}.tl-page .footer-links a:hover{color:#fff}.tl-page .footer .copy,.tl-page .footer .data{color:#6b7489}.tl-page .footer .rule{background:var(--border)}

/* ---------- modes: the flight or the list ---------- */
html.js[data-tl="flight"] .tl-listmode{display:none}
html.js[data-tl="list"] .tl-flight{display:none}
html:not(.js) .tl-flight,html:not(.js) #tll-fly{display:none}

/* ---------- the stage ---------- */
.tl-flight{position:relative;height:300vh}
.tl-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;font-family:var(--sans)}
.tl-sky{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 90% 55% at 50% 40%,var(--space-3) 0%,var(--space-2) 36%,var(--space) 100%)}
.tl-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,14,.55),transparent 28%,transparent 60%,rgba(5,7,14,.65))}
#tl-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}

/* ---------- intro (fades as the flight begins) ---------- */
.tl-intro{position:absolute;z-index:3;left:max(var(--gutter),7vw);top:50%;transform:translateY(-50%);width:min(620px,86vw);will-change:opacity,transform}
.tl-intro .s-label{color:var(--sec)}.tl-intro .s-label .n{color:var(--accent)}
.tl-intro h1{font-family:var(--serif);font-size:var(--t-5);font-weight:900;letter-spacing:-.03em;line-height:.98;margin:1rem 0 1rem;color:#fff;text-shadow:0 0 40px rgba(91,141,239,.3)}
.tl-intro h1 em{font-style:italic;font-weight:600;color:var(--accent)}
.tl-intro .lede{font-family:var(--serif);font-size:var(--t-1);color:var(--body);max-width:56ch;line-height:1.5;margin-bottom:1rem}
.tl-scale{font-size:var(--t--2);color:var(--sec);max-width:66ch;line-height:1.55;margin-bottom:1.5rem}
.tl-intro-links{display:flex;gap:.6rem;flex-wrap:wrap}
.tl-intro-links .more-btn{color:#fff;border-color:#fff}
.tl-intro-links .more-btn:hover{background:#fff;color:#05070e}
.tl-intro-links .more-btn.ghost{border-color:var(--hard);color:var(--body)}
.tl-intro-links .more-btn.ghost:hover{background:rgba(255,255,255,.08);color:#fff;border-color:#fff}
.tl-scrollhint{display:flex;align-items:center;gap:.7rem;margin-top:2.2rem;font-size:var(--t--3);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sec)}
.tl-scrollhint i{display:block;width:1px;height:38px;background:linear-gradient(180deg,var(--accent),transparent);position:relative;overflow:hidden}
.tl-scrollhint i::after{content:"";position:absolute;left:0;top:-10px;width:1px;height:10px;background:#fff;animation:tl-drop 1.6s ease-in infinite}
@keyframes tl-drop{to{transform:translateY(50px)}}

/* ---------- chapter / today / horizon scenes (scrubbed by --p) ---------- */
.tl-scene{position:absolute;inset:var(--navh) 0 var(--hudh);z-index:3;display:grid;place-items:center;padding:0 var(--gutter);pointer-events:none;text-align:center;--p:0}
.tl-scene .sc{max-width:760px;width:100%}
.sc-k{font-size:var(--t--3);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);opacity:clamp(0,calc(var(--p) * 8),1)}
.sc-year{font-family:var(--serif);font-size:clamp(4.2rem,16vw,12rem);font-weight:900;letter-spacing:-.04em;line-height:.9;color:#fff;text-shadow:0 0 60px rgba(91,141,239,.45),0 0 120px rgba(91,141,239,.25);opacity:clamp(0,calc(var(--p) * 6),1);transform:translateY(calc((1 - clamp(0,calc(var(--p) * 6),1)) * 40px)) scale(calc(.92 + .08 * clamp(0,calc(var(--p) * 6),1)))}
.sc-sub{font-size:clamp(.78rem,1.4vw,1rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--L2);margin-top:.6rem;opacity:clamp(0,calc((var(--p) - .06) * 6),1)}
.sc-line{font-family:var(--serif);font-size:var(--t-0);line-height:1.5;color:var(--body);max-width:58ch;margin:1.2rem auto 0;opacity:clamp(0,calc((var(--p) - .12) * 5),1);transform:translateY(calc((1 - clamp(0,calc((var(--p) - .12) * 5),1)) * 18px))}
.sc-figs{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem;opacity:clamp(0,calc((var(--p) - .18) * 5),1)}
.sc-fig{min-width:200px;padding:.9rem 1.1rem;border:1px solid var(--border);border-top:2px solid var(--accent);background:rgba(10,15,30,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left;border-radius:3px}
.sc-v{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1}
.sc-l{display:block;font-size:var(--t--2);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sec);margin-top:.5rem;line-height:1.35}
.sc-n{display:block;font-size:var(--t--3);color:var(--muted);margin-top:.25rem}
.sc-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:640px;margin:1.6rem auto 0;opacity:clamp(0,calc((var(--p) - .24) * 5),1)}
.sc-count{text-align:left}
.sc-count .cn{font-family:var(--mono);font-size:var(--t-1);color:#fff;font-variant-numeric:tabular-nums}
.sc-count .cl{display:block;font-size:var(--t--3);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sec);margin-top:.2rem}
.sc-bar{display:block;height:3px;background:rgba(140,160,210,.14);margin-top:.5rem;border-radius:2px;overflow:hidden}
.sc-bar i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--accent)}
.sc-count.L2 .sc-bar i{background:var(--L2)}.sc-count.L3 .sc-bar i{background:var(--L3)}.sc-count.REG .sc-bar i{background:var(--REG)}
.sc-hint{margin-top:2rem;font-size:var(--t--3);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:clamp(0,calc((var(--p) - .3) * 4),1)}
.sc-today .sc-year{font-size:clamp(3.2rem,11vw,8rem)}
.sc-today .sc-date{font-family:var(--mono);font-size:var(--t-1);color:var(--accent);margin-top:.6rem;opacity:clamp(0,calc((var(--p) - .06) * 6),1)}
.sc-end .sc-year{font-size:clamp(2.6rem,8vw,6rem);letter-spacing:-.03em}
.sc-ctas{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem;opacity:clamp(0,calc((var(--p) - .3) * 4),1);pointer-events:auto}
.sc-ctas .more-btn{color:#fff;border-color:#fff}.sc-ctas .more-btn:hover{background:#fff;color:#05070e}
.sc-ctas .more-btn.ghost{border-color:var(--hard);color:var(--body)}.sc-ctas .more-btn.ghost:hover{border-color:#fff;color:#fff}

/* ---------- the arriving card ---------- */
.tl-cardstage{position:absolute;z-index:4;right:max(var(--gutter),4vw);top:50%;transform:translateY(-50%);width:min(440px,38vw);pointer-events:none}
.tl-fcard{pointer-events:auto;will-change:transform,opacity;max-height:calc(100svh - var(--navh) - var(--hudh) - 2rem);overflow:auto}
.tl-fcard[hidden]{display:none}
.tl-card{position:relative;background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-left:3px solid var(--hard);border-radius:3px;padding:1.1rem 1.3rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 10px 50px rgba(0,0,0,.45),0 0 0 1px rgba(91,141,239,.08)}
.tl-card.L1{border-left-color:var(--L1)}.tl-card.L2{border-left-color:var(--L2)}.tl-card.L3{border-left-color:var(--L3)}.tl-card.REG{border-left-color:var(--REG)}.tl-card.MACRO{border-left-color:var(--muted)}
.tl-card.prediction,.tl-card.future{border-style:dashed;border-left-style:dashed;border-color:rgba(169,198,255,.45);background:rgba(10,15,30,.5)}
.tl-card.note{background:rgba(91,141,239,.1)}
.tl-card.author{border-left-style:double;border-left-width:5px}
.tl-card:focus-visible{outline:2px solid #fff;outline-offset:4px}
.c-kick{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;font-family:var(--sans);font-size:var(--t--3);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sec)}
.k-layer{color:var(--L1)}.tl-card.L2 .k-layer{color:var(--L2)}.tl-card.L3 .k-layer{color:var(--L3)}.tl-card.REG .k-layer{color:var(--REG)}
.k-actor{color:#e8edf7}
.k-sec{font-family:var(--mono);color:var(--sec);border:1px solid var(--hard);padding:.06rem .4rem;border-radius:2px;letter-spacing:0;text-transform:none;font-weight:500;text-decoration:none}
.k-sec:hover{color:#fff;border-color:#fff}
.k-pred{color:var(--L2);border:1px dashed rgba(169,198,255,.5);padding:.08rem .45rem;border-radius:2px}
.k-author{color:#fff;border:1px solid rgba(255,255,255,.6);padding:.08rem .45rem;border-radius:2px}
.tl-card > time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t--1);color:#e8edf7}
.tl-card h4{font-family:var(--serif);font-size:var(--t-1);line-height:1.25;letter-spacing:-.01em;text-wrap:balance;color:#fff}
.tl-card h4 a{color:#fff;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.tl-card h4 a:hover{text-decoration-color:var(--accent-line)}
.tl-card p{font-family:var(--serif);color:var(--body);font-size:var(--t--1);line-height:1.55;max-width:64ch}
.c-links{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem;font-family:var(--sans);font-size:var(--t--2);font-weight:600}
.c-src{color:var(--sec)}.c-src:hover{color:#fff}
.c-note{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;margin-top:.3rem;padding:.55rem .8rem;border:1px solid var(--hard);border-left:3px solid var(--accent);background:rgba(91,141,239,.08);border-radius:2px;font-family:var(--sans)}
.c-note:hover{border-color:var(--accent)}
.c-note-k{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.c-note-t{font-family:var(--serif);font-size:var(--t--1);font-weight:600;color:#fff;line-height:1.3}
.c-note-r{font-size:.66rem;font-weight:600;color:var(--accent);white-space:nowrap}

/* ---------- the HUD ---------- */
.tl-hud{position:absolute;z-index:5;left:0;right:0;bottom:0;min-height:var(--hudh);display:grid;grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto auto;gap:0 1.6rem;align-items:center;padding:.7rem var(--gutter) .8rem;background:linear-gradient(180deg,rgba(5,7,14,0),rgba(5,7,14,.82) 26%);border-top:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hud-date{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.hud-pre{font-size:var(--t--3);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);min-height:1em;white-space:nowrap}
.hud-date time{font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 24px rgba(91,141,239,.35)}
.hud-odo{font-family:var(--mono);font-size:var(--t--3);color:var(--sec);white-space:nowrap}
.hud-axis{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding-top:.1rem}
.hud-jumps{display:flex;gap:.2rem;justify-content:space-between;font-family:var(--mono);font-size:var(--t--3)}
.jmp{color:var(--sec);background:transparent;border:0;padding:.15rem .3rem;letter-spacing:.04em;cursor:pointer;border-radius:2px}
.jmp:hover{color:#fff}.jmp.on{color:#fff;background:rgba(91,141,239,.18)}
.tl-axis{position:relative;height:1.9rem;cursor:pointer;outline-offset:6px;border-radius:2px;touch-action:none}
.tl-axis-track{position:absolute;left:0;right:0;top:.85rem;height:2px;background:rgba(140,160,210,.22);border-radius:2px}
.tl-axis-past{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);box-shadow:0 0 10px var(--glow);border-radius:2px}
.tl-axis-future{position:absolute;right:0;top:0;bottom:0;width:24%;background:repeating-linear-gradient(90deg,rgba(169,198,255,.55) 0 3px,transparent 3px 7px)}
.tl-axis-dots{position:absolute;left:0;right:0;top:.55rem;height:.6rem}
.tl-axis-dots span{position:absolute;top:50%;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%);background:var(--L1);opacity:.9}
.tl-axis-dots span.L2{background:var(--L2)}.tl-axis-dots span.L3{background:var(--L3)}.tl-axis-dots span.REG,.tl-axis-dots span.MACRO{background:var(--REG);width:2px;height:7px;border-radius:1px}.tl-axis-dots span.prediction{background:transparent;border:1px solid var(--L2)}.tl-axis-dots span.author{transform:translate(-50%,-50%) rotate(45deg);border-radius:0;background:#fff}
.tl-axis-ticks{position:absolute;left:0;right:0;top:1.15rem;font-family:var(--mono);font-size:var(--t--3);color:var(--sec)}
.tl-axis-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.tl-axis-ticks span::before{content:"";position:absolute;left:50%;top:-.35rem;width:1px;height:.3rem;background:var(--hard)}
.tl-axis-ticks span.ahead{color:var(--muted)}
.tl-playhead{position:absolute;top:.45rem;left:0;width:2px;height:.85rem;background:#fff;transform:translateX(-1px);will-change:transform;box-shadow:0 0 8px #fff}
.tl-playhead::after{content:"";position:absolute;left:-4px;top:-5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--space);box-shadow:0 0 12px var(--glow)}
.tl-counters{display:grid;grid-template-columns:repeat(4,auto);gap:0 1rem;margin:0}
.tl-counters .ct{border-left:1px solid var(--border);padding-left:.7rem}
.tl-counters dt{font-size:var(--t--3);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sec);line-height:1.3;white-space:nowrap}
.tl-counters dd{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-1);font-weight:500;color:#fff;letter-spacing:-.02em;line-height:1.1;margin:.15rem 0 0}
.tl-counters .ct.L1 dd{color:var(--L1)}.tl-counters .ct.L2 dd{color:var(--L2)}.tl-counters .ct.L3 dd{color:var(--L3)}.tl-counters .ct.REG dd{color:var(--REG)}
.tl-controls{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.tl-btn{font-family:var(--sans);font-size:var(--t--2);font-weight:600;letter-spacing:.06em;color:#e8edf7;border:1px solid var(--hard);background:rgba(10,15,30,.6);padding:.42rem .65rem;border-radius:2px;min-width:2.2rem;transition:border-color .15s,background .15s;cursor:pointer}
.tl-btn:hover{border-color:#fff}
.tl-btn[aria-pressed="true"],.tl-btn[aria-expanded="true"]{background:#f1f4f9;color:#05070e;border-color:#f1f4f9}
.tl-filters{position:absolute;z-index:6;right:var(--gutter);bottom:calc(var(--hudh) + .6rem);width:min(460px,calc(100vw - 2 * var(--gutter)));background:rgba(10,15,30,.96);border:1px solid var(--hard);border-radius:3px;padding:.9rem 1rem .6rem;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.tl-filters[hidden]{display:none}
.tl-filters .chips{display:flex;gap:.35rem;flex-wrap:wrap;margin:0 0 .5rem}
.tl-page .chip{background:transparent;color:#aab4c8;border-color:var(--hard);padding:.34rem .6rem;font-size:var(--t--3);cursor:pointer}
.tl-page .chip:hover{color:#fff;border-color:#fff}
.tl-page .chip[aria-pressed="true"]{background:#f1f4f9;color:#05070e;border-color:#f1f4f9}
.tl-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- help dialog ---------- */
.tl-helpdlg{position:fixed;inset:0;margin:auto;width:min(30rem,calc(100vw - 2rem));max-height:min(90svh,46rem);overflow:auto;border:1px solid var(--hard);border-radius:3px;padding:1.6rem 1.8rem;background:#0a0f1e;color:var(--body);font-family:var(--sans)}
.tl-helpdlg::backdrop{background:rgba(5,7,14,.7)}
.tl-helpdlg h2{font-family:var(--serif);font-size:var(--t-1);margin-bottom:1rem;color:#fff}
.tl-helpdlg dl div{display:grid;grid-template-columns:6rem 1fr;gap:.8rem;padding:.4rem 0;border-top:1px solid var(--border);font-size:var(--t--1)}
.tl-helpdlg dt{font-family:var(--mono);color:#fff;font-weight:600}
.tl-helpdlg form{margin-top:1rem;text-align:right}
.tl-helpdlg h3{font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sec);margin:1.3rem 0 .5rem}
.tl-help-legend{list-style:none;display:grid;gap:.35rem;font-size:var(--t--1);color:var(--body)}
.tl-help-legend li{display:grid;grid-template-columns:2rem 1fr;gap:.6rem;align-items:center}
.tl-help-legend .lg{display:block;width:1.6rem;height:0;border-top:2px solid var(--L1)}
.tl-help-legend .lg.L2{border-top-color:var(--L2);border-top-style:dashed}.tl-help-legend .lg.L3{border-top-color:var(--L3)}.tl-help-legend .lg.REG{border-top-color:var(--REG);border-top-width:4px}
.tl-help-legend .lg.dot{border-top-style:dotted;border-top-color:var(--sec)}
.tl-help-legend .lg.au{width:.6rem;height:.6rem;border:1.5px solid #fff;transform:rotate(45deg);margin-left:.5rem}
.tl-help-note{font-size:var(--t--2);color:var(--sec);margin-top:.8rem}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .tl-scrollhint i::after{animation:none}
  .sc-year,.hud-date time,.tl-intro h1{text-shadow:none}
}

/* ---------- mobile ---------- */
@media(max-width:759px){
  :root{--hudh:124px}
  .tl-intro{left:var(--gutter);right:var(--gutter);width:auto;top:46%}
  .tl-intro .lede{font-size:var(--t-0)}
  .tl-scale{display:none}
  .tl-scrollhint{margin-top:1.4rem}
  .tl-scene{inset:var(--navh) 0 var(--hudh)}
  .sc-figs{gap:.6rem;margin-top:1.2rem}.sc-fig{min-width:0;flex:1 1 140px;padding:.7rem .8rem}
  .sc-counts{gap:.5rem;margin-top:1.2rem}
  .sc-line{font-size:var(--t--1)}
  .tl-cardstage{left:var(--gutter);right:var(--gutter);top:auto;bottom:calc(var(--hudh) + .6rem);transform:none;width:auto}
  .tl-fcard{max-height:38svh}
  .tl-card{padding:.85rem 1rem;gap:.35rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,15,30,.92)}
  .tl-card h4{font-size:var(--t-0)}.tl-card p{font-size:var(--t--2)}
  .c-note{grid-template-columns:1fr;gap:.2rem}
  .tl-hud{grid-template-columns:1fr auto;grid-template-areas:"date controls" "axis axis" "counters counters";gap:.45rem .8rem;padding:.6rem var(--gutter) .6rem}
  .hud-date{grid-area:date;flex-direction:row;align-items:baseline;gap:.6rem;flex-wrap:wrap}
  .hud-date time{font-size:1.15rem}
  .hud-odo{display:none}
  .hud-axis{grid-area:axis}
  .hud-jumps{font-size:var(--t--3)}
  .tl-counters{grid-area:counters;grid-template-columns:repeat(4,1fr);gap:0 .5rem}
  .tl-counters .ct{border-left:0;padding-left:0;display:flex;gap:.35rem;align-items:baseline}
  .tl-counters .ct-w{display:none}
  .tl-counters dd{font-size:var(--t--1)}
  .tl-controls{grid-area:controls;gap:.25rem}
  .tl-btn{padding:.3rem .45rem;font-size:var(--t--3);min-width:0}
  #tl-prev,#tl-next{display:none}
  .tl-filters{right:var(--gutter);left:var(--gutter);width:auto;background:#0a0f1e}
}
@media(min-width:760px) and (max-width:1100px){
  .tl-hud{grid-template-columns:minmax(160px,auto) minmax(0,1fr) auto;grid-template-areas:"date axis controls" "date axis counters";gap:.3rem 1.2rem}
  .hud-date{grid-area:date}.hud-axis{grid-area:axis}.tl-controls{grid-area:controls}.tl-counters{grid-area:counters;justify-content:end}
  .tl-cardstage{width:min(400px,44vw)}
}
@media print{.tl-flight,.tl-helpdlg{display:none!important}.tl-listmode{display:block!important;background:#fff}body.tl-page{background:#fff;color:#000}.tl-card{break-inside:avoid;background:#fff;color:#000;border-color:#999}.tl-card h4,.tl-card p,.ch-year{color:#000!important;text-shadow:none}}
.tl-stage.filters-open .tl-fcard{visibility:hidden}