.tlz-root{position:relative}
.tlz-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:30px;margin-bottom:6px}
.tlz-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute)}
.tlz-crumbs button{font:500 13px "Instrument Sans",sans-serif;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:5px 11px;border-radius:999px;cursor:pointer;transition:border-color .2s;outline:none}
.tlz-crumbs button:hover,.tlz-crumbs button:focus-visible{border-color:var(--ink)}
.tlz-crumbs button.on{background:var(--ink);color:#fff;border-color:var(--ink);cursor:default}
.tlz-status{font-family:"Instrument Serif",serif;font-style:italic;font-size:15px;color:var(--mute);text-align:right;min-height:1.4em;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tlz{display:block;width:100%;overflow:visible}
.tlz *:focus{outline:none}
/* ground + axis */
.tlz-ground{fill:var(--ink);fill-opacity:.035}
.tlz-axis{stroke:var(--ink);stroke-width:1.4}
.tlz-axis2{stroke:var(--ink);stroke-width:.5;stroke-opacity:.6}
.tlz-tick{stroke:var(--ink);stroke-width:1}
.tlz-yr{font-family:"Instrument Serif",serif;font-size:12.5px;fill:var(--ink)}
.tlz-ongo{font-family:"Instrument Serif",serif;font-style:italic;font-size:13px;fill:var(--mute)}
/* minimap */
.tlz-mini-l{stroke:var(--line);stroke-width:1}
.tlz-mini-w{fill:var(--acc);fill-opacity:.14;stroke:var(--acc);stroke-width:1}
.tlz-mini-t{font-family:"Instrument Serif",serif;font-style:italic;font-size:11px;fill:var(--acc)}
.tlz-mini-c{font-family:"Instrument Serif",serif;font-style:italic;font-size:11px;fill:var(--mute)}
/* columns: wall labels */
.tlz-card{fill:var(--card);stroke:var(--line);stroke-width:1;transition:stroke .2s}
.c:hover .tlz-card{stroke:var(--ink)}
.tlz-hd-hit{fill:transparent}
.tlz-era{font-family:"Instrument Serif",serif;font-size:26px;fill:var(--ink);letter-spacing:-.02em;transition:fill .15s}
.hd:hover .tlz-era{fill:var(--acc)}
.tlz-cnt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;fill:var(--mute)}
.tlz-hd-rule{stroke:var(--ink);stroke-width:1}
.tlz-stem{stroke:var(--ink);stroke-opacity:.3;stroke-width:1}
.tlz-brk{fill:none;stroke:var(--ink);stroke-width:1}
.tlz-more{font-family:"Instrument Serif",serif;font-style:italic;font-size:13.5px;fill:var(--mute);transition:fill .15s}
.tlz-more:hover{fill:var(--acc)}
/* rows */
.tlz-r-hit{fill:transparent;transition:fill .15s}
.r:hover .tlz-r-hit{fill:var(--bg)}
.tlz-r-name{font-family:"Instrument Serif",serif;font-size:15px;fill:var(--ink);transition:fill .15s}
.r:hover .tlz-r-name{fill:var(--acc)}
.r.s-event .tlz-r-name{fill:var(--acc)}
.tlz-r-yr{font-size:10.5px;letter-spacing:.06em;fill:var(--mute);font-weight:600;font-variant-numeric:tabular-nums}
.mk-shape{fill:var(--ink)}
.r.s-event .mk-shape{fill:var(--acc)}
.r.s-report .mk-shape{fill:var(--card);stroke:var(--ink);stroke-width:1.4}
.r.s-report .mk-in{fill:var(--ink)}
.r.s-attestation .mk-shape{fill:var(--card);stroke:var(--ink);stroke-width:1.4;stroke-opacity:.7}
.r.s-attestation .tlz-r-name{fill:var(--ink);fill-opacity:.78}
.mk-tail{stroke:var(--ink);stroke-opacity:.35;stroke-width:1.5}
.mk-bar{stroke:var(--ink);stroke-width:1.6}
/* spans */
.tlz-sh{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;fill:var(--mute)}
.tlz-span{stroke:url(#tlz-sfade);stroke-width:1.5}
.tlz-span-dot{fill:var(--ink)}
.tlz-span-l{font-family:"Instrument Serif",serif;font-size:12.5px;fill:var(--ink)}
/* key */
.tlz-key{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font-size:12.5px;color:var(--mute);align-items:center}
.tlz-key span{display:inline-flex;align-items:center;gap:8px}
.tlz-key .k{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ink);flex:none;position:relative;box-sizing:border-box}
.tlz-key .k-event{background:var(--acc)}
.tlz-key .k-report{background:radial-gradient(circle,var(--ink) 22%,transparent 26%);border:1.4px solid var(--ink)}
.tlz-key .k-publication{border-radius:0;width:8px;height:8px}
.tlz-key .k-attestation{background:transparent;border:1.4px solid rgba(23,22,15,.7)}
.tlz-key .k-attestation::before{content:"";position:absolute;right:100%;top:50%;width:12px;height:1.5px;background:rgba(23,22,15,.35)}
.tlz-key .k-span{width:18px;height:2px;border-radius:0;background:linear-gradient(90deg,var(--ink),rgba(23,22,15,.08))}
.tlz-key .k-hint{margin-left:auto;font-family:"Instrument Serif",serif;font-style:italic;font-size:13px}
/* popover: the label you'd read on the wall */
.tlz-pop{display:none;position:absolute;z-index:4;width:300px;background:var(--card);border:1px solid var(--ink);border-radius:10px;padding:14px 16px 12px;box-shadow:0 16px 40px -16px rgba(23,22,15,.3);pointer-events:none}
.tlz-pop-k{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--mute)}
.tlz-pop-k i{width:8px;height:8px;border-radius:50%;background:var(--ink);display:inline-block}
.tlz-pop-k.s-event{color:var(--acc)}.tlz-pop-k.s-event i{background:var(--acc)}
.tlz-pop-k.s-report i{background:transparent;border:1.4px solid var(--ink);box-sizing:border-box}
.tlz-pop-k.s-publication i{border-radius:0}
.tlz-pop-k.s-attestation i{background:transparent;border:1.4px solid rgba(23,22,15,.7);box-sizing:border-box}
.tlz-pop-n{font-family:"Instrument Serif",serif;font-size:24px;line-height:1.05;letter-spacing:-.015em;margin:6px 0 8px}
.tlz-pop p{margin:0 0 10px;font-size:13.5px;line-height:1.45;color:var(--ink);text-wrap:pretty}
.tlz-pop-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--mute);line-height:1.4}
.tlz-pop-f .tag{align-self:flex-start}
.tlz-pop b{display:block;margin-top:10px;font-weight:500;font-size:13px;color:var(--acc)}
/* the undated */
.ong{margin-top:40px;border-top:1px solid var(--ink);padding-top:44px}
.ong-head{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:'h n' 'p n';gap:12px 40px;align-items:start;margin-bottom:30px}
.ong-head>div:first-child{grid-area:h}.ong-num{grid-area:n;font-family:"Instrument Serif",serif;font-size:96px;line-height:.85;letter-spacing:-.04em;text-align:right}
.ong-num small{display:block;font-family:"Instrument Sans",sans-serif;font-size:13px;color:var(--mute);letter-spacing:0;margin-top:10px;line-height:1.4}
.ong-h{font-family:"Instrument Serif",serif;font-weight:400;font-size:44px;line-height:1;letter-spacing:-.02em;margin:6px 0 0}
.ong-head p{grid-area:p;margin:0;font-size:15.5px;color:var(--mute);max-width:640px;text-wrap:pretty}
.ong-head p em{font-style:italic;font-family:"Instrument Serif",serif;color:var(--ink);font-size:17px}
.ong-groups{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 28px}
.ong-g{display:contents}
.ong-gh{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:10px;font-size:14px;font-weight:500}
.ong-c{font-family:"Instrument Serif",serif;color:var(--mute);font-size:16px}
.ong-chips{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding:10px 0 8px}
.ong-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px;line-height:1.2;transition:border-color .2s}
.ong-chip:hover{border-color:var(--ink);color:var(--ink)}
.ong-chip em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--mute);font-size:12.5px}
.ong-more{font:500 13px "Instrument Sans",sans-serif;padding:5px 11px;border:1px dashed var(--line);border-radius:999px;background:transparent;color:var(--mute);cursor:pointer}
.ong-more:hover{border-color:var(--ink);color:var(--ink)}

/* #14: the timeline's value is scanning across time, and a phone has no width
   to scan. Hidden, not reflowed, below the entry page's 900px breakpoint. */
@media(max-width:900px){.tl{display:none}}