:root{--acc-00: var(--acc-medieval);--acc-01: var(--acc-renaissance);--acc-02: var(--acc-baroque);--acc-03: var(--acc-enlightenment);--acc-04: var(--acc-romanticism);--acc-05: var(--acc-modernism);--th-phil: #3A332B;--th-paint: #75435B;--th-sculp: #4F6B4D;--th-music: #574878;--iron: #2E3640;--seal: #5A4022;--font-cg: "Cormorant Garamond", Georgia, serif}.tl-page{background:var(--bg)}.tl-page .tl-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 96px}.tl-page .header-band{width:100%;height:36px;margin:16px 0 4px;overflow:hidden}.tl-page .header-band svg{display:block;width:100%;height:100%}.tl-page .doc-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:40px 0 0}.tl-page .seal-tile{width:88px;height:88px;background:var(--seal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tl-page .eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin:0}.tl-page .eyebrow strong{color:var(--ink-mute);font-weight:500}.tl-page .doc-head h1{font-family:var(--font-cg);font-weight:300;font-size:clamp(46px,6.2vw,78px);line-height:.98;letter-spacing:-.02em;margin:0;color:var(--ink)}.tl-page .doc-head h1 em{font-style:italic;color:var(--ink-mute)}.tl-page .lede{font-family:var(--font-cg);font-style:italic;font-weight:400;font-size:21px;line-height:1.45;color:var(--ink-mute);max-width:58ch;margin:0 0 42px;text-wrap:pretty}.tl-page .filters{display:grid;gap:10px;margin:0 0 28px}.tl-page .filter-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;padding:12px 0;border-top:1px solid var(--rule)}.tl-page .filter-row:last-child{border-bottom:1px solid var(--rule)}.tl-page .pill{--c: var(--ink-soft);display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--rule);background:var(--bg);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;user-select:none;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}.tl-page .pill:hover{border-color:color-mix(in oklab,var(--c) 55%,var(--rule));color:var(--ink)}.tl-page .pill .dot{width:8px;height:8px;background:var(--c);flex-shrink:0}.tl-page .pill.active{background:color-mix(in oklab,var(--c) 12%,var(--bg));border-color:color-mix(in oklab,var(--c) 60%,var(--rule));color:var(--ink)}.tl-page .timeline{display:grid;gap:0;border-top:1px solid var(--rule)}.tl-page .row{--c: var(--ink-soft);--p: var(--ink-soft);display:grid;grid-template-columns:130px 90px 1fr;column-gap:22px;align-items:baseline;padding:16px 18px 16px 22px;border-bottom:1px solid var(--rule);position:relative;transition:background .12s}.tl-page .row:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--p)}.tl-page .row:hover{background:color-mix(in oklab,var(--p) 4%,var(--bg))}.tl-page .row .year{font-family:var(--font-cg);font-weight:300;font-size:34px;line-height:1;letter-spacing:-.01em;color:var(--p);align-self:center}.tl-page .row .chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid color-mix(in oklab,var(--c) 35%,var(--rule));background:color-mix(in oklab,var(--c) 8%,var(--bg));font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);width:fit-content;align-self:center}.tl-page .row .chip .swatch{width:6px;height:6px;background:var(--c)}.tl-page .row .body{padding-top:2px}.tl-page .row .title{font-family:var(--font-ui);font-weight:500;font-size:18px;line-height:1.3;color:var(--ink);margin:0}.tl-page .row .note{font-family:var(--font-cg);font-style:italic;font-size:15.5px;line-height:1.5;color:var(--ink-mute);margin:5px 0 0;max-width:64ch}.tl-page .row.ap-row{--c: var(--p);grid-template-columns:130px 1fr;padding:26px 22px;background:var(--bg-raised);border-bottom:1px solid var(--rule)}.tl-page .row.ap-row:before{width:5px}.tl-page .row.ap-row .year{font-size:44px;font-weight:300;color:var(--p)}.tl-page .ap-row .anchor{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.tl-page .ap-row .anchor-meta{border-right:1px solid color-mix(in oklab,var(--p) 30%,var(--rule));padding-right:22px}.tl-page .ap-row .anchor-meta .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab,var(--p) 50%,var(--ink-soft));margin-bottom:7px}.tl-page .ap-row .anchor-meta .unit-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:7px}.tl-page .ap-row .anchor-meta .badge{display:inline-block;padding:4px 9px;border:1px solid var(--p);color:var(--p);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.tl-page .ap-row .anchor-body{padding-right:18px}.tl-page .ap-row .anchor-body .ap-title{font-family:var(--font-cg);font-weight:400;font-style:italic;font-size:32px;line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin:0}.tl-page .ap-row .anchor-body .author{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:9px 0 11px}.tl-page .ap-row .anchor-body .note{font-family:var(--font-cg);font-style:italic;font-size:17px;line-height:1.55;color:var(--ink-mute);max-width:60ch;margin:0}.tl-page .ap-row .anchor-body .read{margin-top:14px;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--p);cursor:pointer;text-decoration:none;transition:opacity .12s}.tl-page .ap-row .anchor-body .read:hover{opacity:.7}.tl-page .ap-row:hover{background:color-mix(in oklab,var(--p) 7%,var(--bg-raised))}.tl-page .legend{display:flex;flex-wrap:wrap;gap:18px 32px;padding:26px 0 4px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.tl-page .legend .item{display:inline-flex;align-items:center;gap:9px}.tl-page .legend .item .bar{width:4px;height:14px;flex-shrink:0}.tl-page .legend .group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-right:6px;align-self:center}.tl-page .empty{padding:56px 22px;text-align:center;font-family:var(--font-cg);font-style:italic;font-size:18px;color:var(--ink-soft);border-bottom:1px solid var(--rule)}.tl-page .row .title.note-trigger{cursor:pointer;transition:color .12s}.tl-page .row .title.note-trigger:hover{color:color-mix(in oklab,var(--p) 85%,var(--ink));text-decoration:underline;text-decoration-style:dotted;text-decoration-color:color-mix(in oklab,var(--p) 50%,var(--rule));text-underline-offset:3px}.tl-page .row .title.note-trigger:focus-visible{outline:2px solid var(--p);outline-offset:2px}.tl-popover{position:fixed;z-index:200;width:380px;max-width:calc(100vw - 32px);background:var(--bg-raised);border:1px solid var(--rule-strong);border-left:4px solid var(--pop-accent, var(--acc));padding:18px 24px 20px;box-shadow:0 8px 40px #00000038;display:none}.tl-popover.open{display:block}.tl-popover .pop-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:20px;color:var(--ink-soft);cursor:pointer;padding:2px 6px;line-height:1}.tl-popover .pop-close:hover{color:var(--ink)}.tl-popover .pop-entry{font-family:var(--font-ui);font-weight:500;font-size:12px;letter-spacing:.06em;color:var(--ink-soft);margin:0 0 10px;padding-right:24px}.tl-popover .pop-note{font-family:var(--font-cg);font-style:italic;font-size:17px;line-height:1.55;color:var(--ink-mute);margin:0}
