@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 300 650; font-display: swap; src: url("fonts/source-serif-4-roman-var.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/source-serif-4-italic-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/ibm-plex-mono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/ibm-plex-mono-500.woff2") format("woff2"); }
:root {
  --paper: #0b0e17;
  --wash: #121726;
  --ink: #dfe4f0;
  --ink-2: #b4bccd;
  --muted: #8a93a8;
  --rule: rgba(190, 205, 255, .17);
  --rule-2: rgba(190, 205, 255, .08);
  --accent: #8db4ee;
  --accent-wash: rgba(141, 180, 238, .12);
  --serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --max: 1240px;
  --gut: clamp(16px, 4vw, 56px);
  color-scheme: dark;
  --n0: #05070f; --n1: #070b18; --strip: #060e42; --nrule: rgba(200, 215, 255, .18);
  --lit: #c4d6fa; --ink-n: #a9aeb9; --muted-n: #8a91a3; --rule-n: rgba(207, 216, 255, .14); --rule-n2: rgba(207, 216, 255, .34);
  --halo: 0 0 1px rgba(196, 214, 250, .55), 0 0 18px rgba(52, 92, 255, .55), 0 0 42px rgba(34, 68, 230, .35);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --mast-h: 41px;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html[data-render-mode="static"] .mast-clock, html[data-render-mode="static"] .filters button, html[data-render-mode="static"] .filters .sep { display: none; }
#entry, #entry-track, #e-ui { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 400 18px/1.55 var(--serif); font-optical-sizing: auto;
  font-variant-numeric: lining-nums; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}
a { color: inherit; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; text-decoration-color: var(--rule); transition: text-decoration-color .15s ease; }
a:hover { text-decoration-color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; }
code { font-family: var(--mono); font-size: .84em; }
.wrap { max-width: var(--max); margin-inline: auto; padding-inline: var(--gut); }
.skip { position: absolute; left: -9999px; top: 0; background: var(--ink); color: var(--paper); padding: 8px 12px; font: 500 13px var(--mono); z-index: 10; }
.skip:focus { left: 8px; top: 8px; }
.eyebrow, .mast, .fig-k, .fig-s, .sn, .tag, .stamp, .st-d, .e-date, .ax, .ll, .lc, .legend, .filters button, .tbl th, .fine-mono, .foot, .state, .src, .day-n, .sub, .count-k {
  font-family: var(--mono); font-weight: 400; letter-spacing: .02em;
}
.eyebrow { margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .09em; color: var(--muted); font-weight: 500; }
.fine { margin: 10px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--muted); max-width: 68ch; }
.foot::before { content: ""; position: absolute; left: var(--gut); right: var(--gut); top: 0; border-top: 1px solid var(--ink); }
.mast { background: var(--strip); border-bottom: 1px solid var(--nrule); color: #d7def6; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.mast-in { display: flex; justify-content: space-between; align-items: center; gap: 6px 24px; flex-wrap: wrap; min-height: 40px; padding-top: 5px; padding-bottom: 5px; }
.mast p { margin: 0; display: flex; gap: 6px 16px; flex-wrap: wrap; align-items: center; }
.mast span { color: var(--ink-n); }
.mast .tab { font-weight: 400; font-size: 13px; letter-spacing: .02em; text-transform: none; color: #eef1ff; padding: 4px 12px; background: rgba(200, 215, 255, .16); border-bottom: 2px solid #cfd8ff; }
.mast .mast-clock { color: var(--muted-n); }
.mast-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; }
.mast .date-short { display: none; }
.mast time { color: #d7def6; font-size: 13px; letter-spacing: .02em; text-transform: none; font-variant-numeric: tabular-nums; }
.hero { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); column-gap: clamp(28px, 4vw, 64px); align-items: end; padding-top: clamp(36px, 5vw, 72px); padding-bottom: clamp(28px, 3.4vw, 46px); }
.statement { margin: 0; max-width: 24ch; font-weight: 380; font-size: clamp(2.1rem, 3.9vw, 3.45rem); line-height: 1.06; letter-spacing: -.02em; text-wrap: balance; font-variation-settings: "opsz" 60; }
.statement .s2 { color: var(--ink-2); }
.statement em { font-style: italic; }
.statement a { text-decoration-line: none; background-image: linear-gradient(var(--rule), var(--rule)); background-size: 100% 1px; background-repeat: no-repeat; background-position: 0 92%; transition: background-image .15s ease; }
.statement a:hover { background-image: linear-gradient(var(--accent), var(--accent)); }
.lede { margin: 0; max-width: 62ch; font-size: clamp(1rem, 1.15vw, 1.12rem); line-height: 1.6; color: var(--ink-2); }
.live { padding-top: 6px; padding-bottom: clamp(36px, 5vw, 64px); }
.live-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 8px 40px; border-top: 1px solid var(--ink); padding-top: 14px; align-items: baseline; }
.live-head .eyebrow { color: var(--ink); }
.live-note { margin: 0; font-size: 15px; color: var(--muted); max-width: 64ch; }
.fig-s { margin: 12px 0 0; font-size: 12px; color: var(--muted); line-height: 1.5; }
.state { display: inline-block; padding: 1px 6px 0; border: 1px solid currentColor; border-radius: 2px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; line-height: 1.5; }
.state.is-live { color: var(--accent); background: var(--accent-wash); }
.state.is-live::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.state.is-ledger { color: var(--muted); }
.state.is-pending { color: var(--muted); border-style: dashed; }
.state.is-down { color: var(--ink-2); border-style: dashed; }

.records-live { margin-top: 18px; }
.rl-st { margin: 0; }
.rl { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--rule); }
.rl li { padding: 14px 16px 16px 0; border-bottom: 1px solid var(--rule); min-width: 0; }
.rl li + li { padding-left: 16px; border-left: 1px solid var(--rule); }
.rl .rid { margin: 0; font: 500 13px var(--mono); letter-spacing: .01em; }
.rl .rid a { text-decoration-color: var(--rule); }
.rl .score { margin: 8px 0 0; font-size: 2rem; line-height: 1; font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.01em; }
.rl .score small { font-size: .45em; letter-spacing: 0; color: var(--ink-2); margin-left: 4px; }
.rl .score.none { font-size: 1.1rem; line-height: 2rem; color: var(--ink-2); font-style: italic; }
.rl .meta { margin: 8px 0 0; font: 12px/1.5 var(--mono); color: var(--muted); }
.rl .meta b { font-weight: 500; color: var(--ink-2); }
.tiles { padding-bottom: clamp(40px, 6vw, 80px); }
.standing { margin: 12px 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.standing > div { padding: 14px 16px 16px 0; border-bottom: 1px solid var(--rule); min-width: 0; }
.standing > div + div { padding-left: 16px; border-left: 1px solid var(--rule); }
.standing dt { font: 500 12px/1.35 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-2); min-height: 2.7em; }
.standing dd { margin: 0; }
.standing .v { margin-top: 8px; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1; font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.02em; }
.standing .s { margin-top: 8px; font-size: 14px; line-height: 1.4; color: var(--muted); }
.standing .zero .v { color: var(--muted); }
.sec { padding-top: clamp(44px, 6vw, 84px); }
.sec-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 10px 40px; border-top: 1px solid var(--ink); padding-top: 14px; align-items: start; }
.sec-head .sn { margin: 0; font-size: 12px; color: var(--accent); letter-spacing: .1em; font-weight: 500; }
.sec-head h2 { margin: 6px 0 0; font-weight: 420; font-size: clamp(1.75rem, 3vw, 2.6rem); line-height: 1.08; letter-spacing: -.015em; font-variation-settings: "opsz" 48; }
.sec-head .sd { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-2); max-width: 60ch; padding-top: 2px; }
.sec-body { margin-top: clamp(22px, 3vw, 34px); }
.reveal.in { animation: rise .6s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes rise { from { opacity: 0; transform: translateY(6px); } }
.scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.scroll:focus-visible { outline-offset: 6px; }
.skip-chart { position: absolute; left: -9999px; }
.skip-chart:focus { position: static; display: inline-block; margin-bottom: 10px; font: 500 12px var(--mono); }
.chart svg { display: block; width: 100%; height: auto; }
.chart .g { stroke: var(--rule-2); stroke-width: 1; }
.chart .g-today { stroke: var(--accent); stroke-dasharray: 2 3; }
.chart .lane { stroke: var(--rule); stroke-width: 1; }
.chart .ax { font-size: 11px; fill: var(--muted); }
.chart .ax-today { fill: var(--accent); }
.chart .ll { font-size: 12px; fill: var(--ink-2); }
.chart .lc { font-size: 12px; fill: var(--ink); font-weight: 500; }
.chart .lc.empty { fill: var(--muted); font-weight: 400; }
.chart .mk { cursor: pointer; }
.chart .mk:focus-visible .m, .chart .mk:hover .m { stroke: var(--accent); stroke-width: 2.5; }
.m { stroke-width: 1.25; }
.m-reg { fill: var(--ink); stroke: var(--ink); }
.m-copy { fill: none; stroke: var(--muted); }
.m-work { fill: var(--accent); stroke: var(--accent); }
.m-div { fill: var(--paper); stroke: var(--ink); }
.m-own { fill: var(--muted); stroke: var(--muted); }
.m-faint { opacity: .45; }
.chart .mk.dim { opacity: .15; }
.legend { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 14px 0 0; font-size: 12px; color: var(--ink-2); }
.legend span { display: inline-flex; align-items: center; gap: 7px; }
.legend svg { width: 12px; height: 12px; overflow: visible; }
.chart-note { margin: 10px 0 0; font-size: 14.5px; color: var(--muted); }
.expo { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--rule); }
.xcol { padding: 18px 22px 22px 0; border-bottom: 1px solid var(--rule); min-width: 0; }
.xcol + .xcol { padding-left: 22px; border-left: 1px solid var(--rule); }
.xk { margin: 0; font: 500 12px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-2); min-height: 2.8em; }
.xv { margin: 10px 0 0; font-size: clamp(2rem, 3.2vw, 2.8rem); line-height: 1; font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.02em; }
.xv span { font-size: .45em; color: var(--ink-2); letter-spacing: 0; }
.xv.xv-t { font-size: 1.2rem; line-height: 1.3; letter-spacing: 0; }
.xleg { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.xleg li { list-style: none; }
.xleg ul { margin: 0; padding: 0; }
.trend { margin: 14px 0 0; padding: 0; list-style: none; font: 12px/1.6 var(--mono); color: var(--muted); }
.trend b { color: var(--ink); font-weight: 500; }
.xcol .fine { font-size: 13.5px; }
.filters { display: flex; flex-wrap: wrap; gap: 6px 6px; align-items: center; margin: 0 0 18px; }
.filters button { font-size: 12px; letter-spacing: .04em; color: var(--ink-2); background: none; border: 1px solid var(--rule); border-radius: 2px; padding: 5px 10px 4px; cursor: pointer; transition: border-color .15s ease, color .15s ease, background-color .15s ease; }
.filters button:hover { color: var(--ink); border-color: var(--ink-2); }
.filters button[aria-pressed="true"] { color: var(--accent); border-color: var(--accent); background: var(--accent-wash); }
.filters .sep { width: 1px; height: 20px; background: var(--rule); margin: 0 6px; }
.filters .count-k { margin-left: auto; font-size: 12px; color: var(--muted); }
.day { border-top: 1px solid var(--ink); padding-top: 12px; margin-top: 28px; }
.day:first-of-type { margin-top: 0; }
.day > h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 0 0 6px; font-weight: 450; font-size: 1.35rem; letter-spacing: -.01em; }
.day-n { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.rows { list-style: none; margin: 0; padding: 0; }
.row { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) 8.5rem; gap: 4px 24px; padding: 14px 0 15px; border-top: 1px solid var(--rule-2); }
.rows .row:first-child { border-top: 1px solid var(--rule); }
.e-date { font-size: 12.5px; color: var(--accent); padding-top: 5px; line-height: 1.45; }
.e-date small { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.e-main { min-width: 0; }
.e-who { margin: 0; font-size: 18px; line-height: 1.35; }
.e-who b { font-weight: 600; }
.e-who .what { color: var(--ink-2); }
.e-res, .e-note { margin: 6px 0 0; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); max-width: 70ch; }
.e-note { color: var(--muted); font-size: 14.5px; }
.e-src { margin: 7px 0 0; font: 12px/1.6 var(--mono); color: var(--muted); display: flex; flex-wrap: wrap; gap: 2px 12px; }
.e-src a { overflow-wrap: anywhere; }
details.how { margin-top: 6px; }
details.how > summary { cursor: pointer; font: 11.5px var(--mono); color: var(--muted); list-style: none; }
details.how > summary::-webkit-details-marker { display: none; }
details.how > summary::before { content: "+ "; }
details.how[open] > summary::before { content: "− "; }
details.how > summary:hover { color: var(--ink-2); }
details.how p { margin: 4px 0 0; font: 12px/1.55 var(--mono); color: var(--muted); max-width: 80ch; }
.a-how { display: block; margin-top: 4px; font: 11.5px/1.5 var(--mono); color: var(--muted); }
.load-error, .render-error { color: var(--ink); }
.load-error { padding-top: 32px; font-size: 18px; }
.no-ledger .hero, .no-ledger .live, .no-ledger .tiles, .no-ledger .line { display: none; }
.cv { color: var(--ink-2); }
.e-side { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; padding-top: 4px; }
.tag { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-2); }
.tag-work { color: var(--accent); }
.stamp { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.stamp.st-verified::before { content: "✓ "; color: var(--ink-2); }
.st-d { font-size: 11px; color: var(--muted); }
.row.full .e-who { font-size: 20px; }
details.copies { border-top: 1px solid var(--rule-2); }
details.copies > summary { cursor: pointer; padding: 12px 0; font: 12.5px var(--mono); color: var(--ink-2); list-style: none; display: flex; gap: 10px; align-items: baseline; }
details.copies > summary::-webkit-details-marker { display: none; }
details.copies > summary::before { content: "+"; display: inline-block; width: 1ch; color: var(--muted); }
details.copies[open] > summary::before { content: "−"; }
details.copies > summary:hover { color: var(--ink); }
.seen-label { margin: 14px 0 4px; font: 500 11.5px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-2); }
.seen-label span { display: block; text-transform: none; letter-spacing: .01em; font-weight: 400; color: var(--muted); margin-top: 2px; }
.empty-filter { margin: 20px 0; font-size: 15px; color: var(--muted); }
.tbl { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
.tbl th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .07em; color: var(--ink-2); font-weight: 500; padding: 10px 14px 10px 0; border-bottom: 1px solid var(--ink); vertical-align: bottom; }
.tbl td, .tbl tbody th { padding: 12px 14px 13px 0; border-bottom: 1px solid var(--rule); vertical-align: top; text-align: left; }
.tbl tbody th { font-family: var(--mono); font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: .01em; color: var(--ink); }
.tbl .grp th { font: 500 12px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink); padding-top: 22px; border-bottom: 1px solid var(--rule); }
.tbl .num { text-align: right; font-variant-numeric: tabular-nums; }
.tbl .sub-f { display: block; font: 12px/1.45 var(--mono); color: var(--muted); margin-top: 2px; }
.tbl time { font-family: var(--mono); font-size: 12.5px; color: var(--accent); white-space: nowrap; }
.tbl .st { font: 11px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-2); white-space: nowrap; }
.dv { min-width: 860px; }
.dv td:nth-child(3), .dv td:nth-child(4) { width: 34%; }
.recs { min-width: 900px; }
.runs { min-width: 560px; }
.resv td, .resv th { color: var(--muted); }
.abs-group + .abs-group { margin-top: 26px; }
.alist { list-style: none; margin: 8px 0 0; padding: 0; }
.alist li { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr) 4.5rem; gap: 4px 24px; padding: 12px 0 13px; border-top: 1px solid var(--rule-2); }
.alist li:first-child { border-top: 1px solid var(--rule); }
.a-where { font-weight: 600; font-size: 16px; line-height: 1.4; }
.a-text { font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.a-date { font: 12px var(--mono); color: var(--accent); text-align: right; padding-top: 3px; }
.method { columns: 2 22rem; column-gap: 48px; }
.method p { margin: 0 0 16px; break-inside: avoid; font-size: 16px; line-height: 1.6; color: var(--ink-2); }
.method p b { color: var(--ink); font-weight: 600; }
.repo { margin: 18px 0 0; font-size: 15px; color: var(--ink-2); }
.repo span.k { font: 500 11.5px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink); margin-right: 8px; }
.foot { position: relative; margin-top: clamp(56px, 8vw, 110px); padding-top: 16px; padding-bottom: 48px; font-size: 12px; color: var(--muted); line-height: 1.7; }
.foot p { margin: 0 0 4px; }
.foot b { color: var(--ink-2); font-weight: 500; }

.tip { position: fixed; z-index: 20; max-width: 300px; padding: 7px 10px; background: var(--ink); color: var(--paper); font: 12px/1.45 var(--mono); border-radius: 2px; pointer-events: none; }
.noscript { padding: 24px var(--gut); font-size: 16px; }
@media (max-width: 1000px) {
  .hero { grid-template-columns: 1fr; }
  .lede { margin-top: 24px; }
  .rl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rl li:nth-child(3n + 1) { padding-left: 0; border-left: 0; }
  .standing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .standing > div:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
  .expo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xcol:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
}
@media (max-width: 640px) {
  body { font-size: 17px; }
  .live-head, .sec-head { grid-template-columns: 1fr; }
  .rl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rl li, .rl li + li { padding: 12px 12px 14px 0; border-left: 0; }
  .rl li:nth-child(2n) { padding-left: 12px; border-left: 1px solid var(--rule); }
  .standing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .standing > div, .standing > div + div { padding: 12px 12px 14px 0; border-left: 0; }
  .standing > div:nth-child(2n) { padding-left: 12px; border-left: 1px solid var(--rule); }
  .standing dt { min-height: 0; }
  .expo { grid-template-columns: 1fr; }
  .xcol, .xcol + .xcol { padding: 16px 0 18px; border-left: 0; }
  .xk { min-height: 0; }
  .row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "date side" "main main"; gap: 6px 12px; }
  .e-date { grid-area: date; padding-top: 0; }
  .e-date small { display: inline; margin-left: 8px; }
  .e-main { grid-area: main; }
  .e-side { grid-area: side; flex-direction: row; align-items: baseline; gap: 10px; padding-top: 0; }
  .row.full .e-who { font-size: 18.5px; }
  .alist li { grid-template-columns: minmax(0, 1fr) auto; }
  .a-where { grid-column: 1 / -1; }
  .a-text { grid-column: 1; }
  .day > h3 { font-size: 1.2rem; }
  .filters .count-k { width: 100%; margin: 4px 0 0; }
  .method { columns: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.in { opacity: 1; transform: none; transition: none; }
  a, .filters button { transition: none; }
}
@media print {
  :root {
    --paper: #fff; --wash: #f2f2f2; --ink: #111; --ink-2: #333; --muted: #555;
    --rule: rgba(0, 0, 0, .25); --rule-2: rgba(0, 0, 0, .12); --accent: #1e4e8c; --accent-wash: rgba(30, 78, 140, .08);
  }
  .filters, .skip, .skip-chart, .tip { display: none !important; }
  .scroll { overflow: visible; }
  .chart { min-width: 0 !important; }
  .dv, .recs, .runs { min-width: 0; }
  .reveal.in { animation: none; }
}
.night { position: relative; isolation: isolate; color-scheme: dark; color: var(--ink-n); }
.night::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: var(--grain) 0 0 / 400px 400px; mix-blend-mode: soft-light; opacity: .4; }
.night > .wrap { position: relative; z-index: 1; }
.night a { text-decoration-color: var(--rule-n2); }
.night a:hover { text-decoration-color: var(--lit); }
.night :focus-visible { outline-color: #8db4ee; }
.line { background: linear-gradient(180deg, var(--n0), var(--n1)); border-bottom: 1px solid var(--nrule); display: flex; flex-direction: column; overflow: hidden; overflow: clip; }
.line::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(120% 90% at 40% 35%, transparent 55%, rgba(0, 0, 0, .38) 100%); }
.line-in { flex: 1 0 auto; width: 100%; display: flex; flex-direction: column; padding-top: 22px; padding-bottom: 22px; }
html.entry .line, html.e-came .line { min-height: calc(100svh - var(--mast-h)); }
.lit { color: var(--lit); }
.lit.big { text-shadow: var(--halo); }
.hl-fig.lit, .since-fig.lit { color: var(--lit); }

.zones { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 24px; flex-wrap: wrap; }
.zones .eyebrow { color: #d7def6; }
.zone-st { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 18px; font: 400 11.5px/1.5 var(--mono); letter-spacing: .04em; color: var(--muted-n); }
.glyph-live { color: var(--lit); text-shadow: 0 0 6px rgba(80, 120, 255, .9); }
.answer { margin: 12px 0 0; max-width: 64ch; font: 400 24px/1.35 var(--serif); font-variation-settings: "opsz" 30; color: var(--ink-n); text-wrap: pretty; }
.l-short { display: none; }

.line-top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: clamp(28px, 7vw, 112px); margin-top: 22px; margin-bottom: 24px; align-items: start; }
.hl { position: relative; min-width: 0; }
.hl::before { content: ""; position: absolute; z-index: -1; left: -60px; top: 4px; width: min(720px, 110%); height: 230px; pointer-events: none; opacity: 0; transition: opacity .9s ease;
  background: radial-gradient(closest-side, rgba(34, 68, 230, .30), rgba(21, 48, 200, .10) 55%, transparent); }
.hl.is-live::before { opacity: 1; }
.hl-k { margin: 0; display: flex; justify-content: space-between; align-items: baseline; gap: 4px 16px; flex-wrap: wrap; font: 500 12px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--muted-n); }
.chan { font-weight: 400; text-transform: none; letter-spacing: .02em; white-space: nowrap; }
.hl-fig { margin: 12px 0 0; min-height: calc(clamp(64px, 8.4vw, 124px) * .92); display: flex; align-items: flex-end; font: 340 clamp(64px, 8.4vw, 124px)/.92 var(--serif); font-variation-settings: "opsz" 60; letter-spacing: -.03em; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; color: var(--ink-n); }
.hl-fig .pend { font: 400 13px/1.4 var(--mono); letter-spacing: .04em; color: var(--muted-n); padding-bottom: .4em; white-space: normal; }
.hl.is-down .hl-fig .pend { font: italic 400 clamp(26px, 2.8vw, 38px)/1.15 var(--serif); letter-spacing: -.01em; color: var(--ink-n); padding-bottom: .1em; }
.print-only { font: 400 11px/1.4 var(--mono); letter-spacing: .02em; }
.hl-of { margin: 12px 0 0; font: 400 22px/1.35 var(--serif); font-variant-numeric: tabular-nums lining-nums; color: var(--ink-n); }
.hl-of b { font-weight: 500; }
.meter { display: flex; gap: 2px; height: 10px; margin-top: 16px; }
.meter i { display: block; height: 100%; flex: none; transition: width .9s cubic-bezier(.2, .7, .2, 1); }
.meter .m-e { box-shadow: inset 0 0 0 1px var(--rule-n2); }
.meter .m-l { background: var(--lit); box-shadow: 0 0 12px rgba(52, 92, 255, .6); }
.meter .m-r { box-shadow: inset 0 0 0 1px var(--rule-n); }
.meter-l { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2px 18px; font: 400 11.5px/1.5 var(--mono); color: var(--muted-n); font-variant-numeric: tabular-nums; }
.meter-l .ml-l { color: var(--lit); }
.hl-src { margin: 14px 0 0; padding-top: 8px; border-top: 1px dotted var(--rule-n2); font: 400 11.5px/1.55 var(--mono); color: var(--muted-n); }
.hl.is-live .hl-src, .since.is-live .since-src { border-top-style: solid; }
.hl-ledger { margin: 8px 0 0; font: 400 11.5px/1.55 var(--mono); color: var(--ink-n); }
.onrec { min-width: 0; border-left: 1px solid var(--rule-n); padding-left: 24px; }
.onrec .eyebrow { color: var(--muted-n); }
.printed { margin: 10px 0 0; }
.pr { display: grid; grid-template-columns: auto minmax(14px, 1fr) auto; grid-template-areas: "k lead v" "s s s"; align-items: baseline; column-gap: 8px; padding: 7px 0 8px; border-bottom: 1px solid var(--rule-n); }
.pr::before { content: ""; grid-area: lead; border-bottom: 1px dotted var(--rule-n2); transform: translateY(-.3em); }
.pr dt { grid-area: k; font: 500 11.5px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--muted-n); }
.pr .v { grid-area: v; margin: 0; font: 400 19px/1.3 var(--serif); color: var(--ink-n); text-align: right; font-variant-numeric: tabular-nums lining-nums; }
.pr .v.word { font-style: italic; }
.pr:not(.long) .v { white-space: nowrap; }
.pr .s { grid-area: s; margin: 2px 0 0; font: 400 11px/1.5 var(--mono); color: var(--muted-n); }
.pr.long { grid-template-areas: "k k k" "v v v" "s s s"; }
.pr.long::before { display: none; }
.pr.long .v { text-align: left; margin-top: 4px; }
.onrec-sm { display: none; }
.since { position: relative; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--rule-n); }
.since-h { margin: 0; display: flex; justify-content: space-between; align-items: baseline; gap: 4px 16px; flex-wrap: wrap; font: 500 12px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--muted-n); }
.since-v { margin: 10px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.since-fig { font: 380 clamp(30px, 3.2vw, 46px)/1 var(--serif); letter-spacing: -.02em; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; color: var(--ink-n); }
.since-fig.pend { font: 400 13px/1.4 var(--mono); letter-spacing: .04em; color: var(--muted-n); }
.since-cap { font: 400 11.5px/1.5 var(--mono); color: var(--muted-n); }
.chart-l { position: relative; margin-top: 26px; min-height: 84px; }
.trace { display: block; width: 100%; height: 84px; overflow: visible; }
.trace .area { stroke: none; }
.trace .ln { fill: none; stroke: var(--lit); stroke-width: 1.5; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(52, 92, 255, .7)); }
.trace .tail { fill: none; stroke: var(--lit); stroke-width: 1.5; stroke-dasharray: 1 3; opacity: .8; }
.trace .unpub { fill: none; stroke: var(--rule-n2); stroke-width: 1; stroke-dasharray: 2 4; }
.trace .gapb { fill: none; stroke: var(--lit); stroke-width: 1; stroke-dasharray: 1 3; opacity: .45; }
.trace .ln, .trace .tail, .trace .unpub, .trace .gapb { vector-effect: non-scaling-stroke; }
.axis { position: relative; height: 2px; background: var(--rule-n); }
.ev { position: absolute; bottom: -6px; width: 1px; height: 14px; background: rgba(169, 174, 185, .6); transform: translateX(-.5px); }
.ev.e0 { transform: none; }
.now { position: absolute; right: 0; top: 50%; width: 7px; height: 7px; margin: -3.5px -3.5px 0 0; border-radius: 50%; background: var(--lit); box-shadow: 0 0 0 3px rgba(52, 92, 255, .25), 0 0 24px 6px rgba(34, 68, 230, .5); }
.now-l { position: absolute; right: 0; top: -8px; transform: translateY(-100%); font: 500 11px/1.4 var(--mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.peak { position: absolute; transform: translate(-50%, -100%); font: 400 10.5px/1.3 var(--mono); color: var(--muted-n); white-space: nowrap; padding-bottom: 4px; }
.peak.left { transform: translate(calc(-100% - 8px), -70%); }
.ticks { position: relative; height: 2.9em; margin-top: 8px; font: 400 11px/1.45 var(--mono); color: var(--muted-n); font-variant-numeric: tabular-nums; }
.tk { position: absolute; top: 0; left: calc(var(--x) * 1%); white-space: nowrap; transform: translateX(-50%); text-align: center; }
.tk.first { transform: none; text-align: left; }
.tk.end { transform: translateX(-100%); text-align: right; }
.tk-s { display: none; }
.ticks.t-short .tk-l, .ticks.t-dates .tk-l, .ticks.t-dates .tk-s, .ticks.t-stagger .tk-l, .ticks.t-stagger .tk-s { display: none; }
.ticks.t-short .tk-s { display: inline; }
.ticks.t-dates { height: 1.6em; }
.ticks.t-stagger { height: 3em; }
.ticks.t-stagger .tk.end { top: 1.45em; }
.tk-cap { display: none; margin: 4px 0 0; font: 400 10.5px/1.4 var(--mono); color: var(--muted-n); }
.ticks.t-dates + .tk-cap, .ticks.t-stagger + .tk-cap { display: block; }
.counts.t-hide { display: none; }
.tk b { display: block; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-n); }
.counts { position: relative; height: 1.5em; margin-top: 2px; font: 400 11.5px/1.5 var(--mono); color: var(--ink-n); }
.arith, .since-src, .gap-note { margin: 10px 0 0; font: 400 11.5px/1.55 var(--mono); color: var(--muted-n); }
.gap-note { margin-top: 4px; }
.gap-key { color: var(--lit); opacity: .6; letter-spacing: .1em; }
.since-src { padding-top: 8px; border-top: 1px dotted var(--rule-n2); }
.since-down { position: absolute; left: 0; bottom: 14px; margin: 0; font: 400 12px/1.5 var(--mono); color: var(--muted-n); }

.line-how { margin-top: 10px; }
.line-how > summary { cursor: pointer; font: 400 11.5px var(--mono); color: var(--muted-n); list-style: none; }
.line-how > summary::-webkit-details-marker { display: none; }
.line-how > summary::before { content: "+ "; content: "+ " / ""; }
.line-how[open] > summary::before { content: "− "; content: "− " / ""; }
.line-how > summary:hover { color: var(--ink-n); }
.line-how ol { margin: 10px 0 0; padding: 0 0 0 1.4em; columns: 2 26rem; column-gap: 40px; font: 400 12px/1.6 var(--mono); color: var(--ink-n); }
.line-how li { margin: 0 0 8px; break-inside: avoid; }
.print-only { display: none; }
html.entry .line:not(.go) .lit { color: var(--ink-n); text-shadow: none; }
html.entry .line:not(.go) .glyph-live { color: var(--muted-n); text-shadow: none; }
html.entry .line:not(.go) .hl::before { opacity: 0; }
html.entry .line:not(.go) .meter .m-l { background: var(--ink-n); box-shadow: none; }
html.entry .line:not(.go) .now { background: var(--ink-n); box-shadow: none; }
html.entry .line:not(.go) .trace { clip-path: inset(0 100% 0 0); }
.lit.ignite, .glyph-live.ignite { animation: ignite .7s cubic-bezier(.2, .7, .2, 1) .12s backwards; }
@keyframes ignite { from { color: var(--ink-n); text-shadow: none; } }
.since.draw .trace { animation: draw 1.1s ease-out backwards; }
@keyframes draw { from { clip-path: inset(0 100% 0 0); } }
.since.draw .now { animation: now-on .6s ease-out 1.1s backwards; }
@keyframes now-on { from { background: var(--ink-n); box-shadow: none; } }
.rl .score.is-live { text-shadow: 0 0 14px rgba(141, 180, 238, .30); }

@media (max-width: 960px) {
  .line-top { grid-template-columns: 1fr; row-gap: 28px; }
  .onrec { border-left: 0; padding-left: 0; border-top: 1px solid var(--rule-n); padding-top: 14px; }
}
@media (max-width: 560px) {
  .mast-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 5px 12px; padding-top: 6px; padding-bottom: 6px; }
  .mast-l { grid-column: 1; grid-row: 1; }
  .mast .mast-r { display: contents; }
  .mast-meta { grid-column: 1 / -1; grid-row: 2; font-size: 11px; }
  #mast-subject, .mast .date-long { display: none; }
  .mast .clock-k { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .mast .date-short { display: inline; }
  .line-in { padding-top: 14px; padding-bottom: 16px; }
  .zone-st { font-size: 10.5px; gap: 2px 12px; }
  .answer { margin-top: 10px; font-size: 16px; line-height: 1.4; }
  .l-long { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .l-short { display: inline; }
  .line-top { margin-top: 14px; margin-bottom: 18px; row-gap: 14px; }
  .hl::before { left: -16px; width: 120%; height: 170px; }
  .hl-fig { font-size: 64px; min-height: calc(64px * .92); margin-top: 8px; }
  .hl-of { font-size: 16px; margin-top: 8px; }
  .meter { height: 8px; margin-top: 10px; }
  .meter-l { gap: 2px 12px; }
  .since-v { margin-top: 6px; }
  .arith, .since-src { margin-top: 6px; }
  .since-src { padding-top: 6px; }
  .hl-src, .hl-ledger { font-size: 10.5px; }
  .onrec { padding-top: 10px; }
  .printed { display: none; }
  .onrec-sm { display: block; }
  .onrec-sm p { margin: 6px 0 0; font: 400 14px/1.45 var(--serif); color: var(--ink-n); }
  .onrec-sm details > summary { cursor: pointer; margin-top: 6px; font: 400 11px var(--mono); color: var(--muted-n); }
  .onrec-sm .printed { display: block; }
  .onrec .eyebrow { font-size: 11px; }
  .chart-l { margin-top: 20px; min-height: 48px; }
  .trace { height: 48px; }
  .since-cap, .arith, .since-src, .gap-note { font-size: 10.5px; }
  .peak { display: none; }
  .since-src .l-long { display: none; }
  .line-how ol { columns: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .lit.ignite, .glyph-live.ignite, .since.draw .trace, .since.draw .now { animation: none; }
  .hl::before, .meter i { transition: none; }
}
@media (prefers-contrast: more) {
  .night::before, .line::after, .hl::before { display: none; }
  .lit.big, .glyph-live { text-shadow: none; }
  .now, .meter .m-l { box-shadow: none; }
  .trace .ln { filter: none; }
  .night { --lit: #e3ecff; --ink-n: #d4d8e0; --muted-n: #b9bfcb; }
}
@media (forced-colors: active) {
  .hl-fig, .since-fig { line-height: 1.1; }
  .night::before, .line::after, .hl::before { display: none; }
  .trace .ln, .trace .tail, .trace .gapb { stroke: CanvasText; filter: none; }
  .trace .area { display: none; }
  .meter .m-l, .now { background: CanvasText; box-shadow: none; }
  .meter .m-e, .meter .m-r { outline: 1px solid CanvasText; outline-offset: -1px; }
  .axis, .ev { background: CanvasText; }
  .trace .unpub { stroke: GrayText; }
}
@media print {
  .night { --ink-n: #111; --muted-n: #555; --rule-n: rgba(0, 0, 0, .2); --rule-n2: rgba(0, 0, 0, .45); --lit: #1e4e8c; }
  .ev { background: #777; }
  .axis, .ev, .meter i, .now { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .night, .line, .mast { background: none !important; color: #111 !important; border-color: #999 !important; }
  .night::before, .line::after, .hl::before { display: none !important; }
  html.entry .line, html.e-came .line { min-height: 0; }
  .mast .tab { background: none; border-bottom-color: #111; color: #111; }
  .mast span, .mast time, .zones .eyebrow, .answer, .hl-of, .hl-src, .hl-ledger, .pr .v, .pr dt, .pr .s, .since-cap, .arith, .since-src, .tk b, .ticks, .counts, .hl-k, .since-h, .zone-st, .meter-l, .hl-fig, .since-fig { color: #111 !important; }
  .lit, .glyph-live, .meter-l .ml-l { color: #1e4e8c !important; text-shadow: none !important; }
  .lit.ignite, .glyph-live.ignite, .since.draw .trace { animation: none !important; }
  .trace { clip-path: none !important; }
  .trace .ln, .trace .tail, .trace .gapb { stroke: #1e4e8c; filter: none; }
  .gap-note { color: #111 !important; }
  .trace .area { display: none; }
  .meter .m-l, .now { background: #1e4e8c; box-shadow: none; }
  .meter .m-e, .meter .m-r { box-shadow: inset 0 0 0 1px #999; }
  .hl.is-live .hl-read, .since.is-live { border: 1px solid #999 !important; padding: 8px !important; }
  .hl-ledger, .onrec { border: 1px dashed #999 !important; padding: 8px !important; }
  .hl-ledger { margin-top: 14px; }
  .hl, .since, .onrec { break-inside: avoid; }
  .print-only { display: block; color: #111; }
  .hl-fig .print-only { margin-left: .4em; }
  .ticks.t-full .tk-l { display: none; }
  .ticks.t-full .tk-s { display: inline; }
  .hl-fig { flex-wrap: wrap; white-space: normal; }
  .since-fig { white-space: normal; }
}
@media (min-width: 1001px) { .au-body { margin-left: calc((100% - 40px) / 3 + 40px); } }
.au-k { margin: 0; font: 500 12px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink); }
.au-card { border-top: 1px solid var(--rule); padding-top: 14px; }
.au-name { margin: 10px 0 0; font-weight: 380; font-size: clamp(1.9rem, 3vw, 2.6rem); line-height: 1.06; letter-spacing: -.02em; font-variation-settings: "opsz" 60; }
.au-alias { margin: 6px 0 0; font: 12.5px/1.4 var(--mono); color: var(--muted); }
.au-role { margin: 10px 0 0; font-size: 17px; line-height: 1.5; color: var(--ink-2); }
.au-rk { margin-top: 22px; }
.au-rec, .au-list { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--rule); }
.au-rec li, .au-list li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 15rem); gap: 4px 28px; padding: 11px 0 12px; border-bottom: 1px solid var(--rule-2); }
.au-rec li { grid-template-columns: minmax(0, 1fr) minmax(0, 17rem); }
.au-rec li > :only-child, .au-list li > :only-child { grid-column: 1 / -1; }
.au-rec li > span:first-child { font-size: 16px; line-height: 1.5; color: var(--ink-2); }
.au-src, .au-basis { margin: 0; padding-top: 3px; font: 12px/1.55 var(--mono); color: var(--muted); overflow-wrap: break-word; }
.au-src a { color: var(--ink-2); }
.au-contact { margin: 16px 0 0; font: 12.5px/1.9 var(--mono); color: var(--muted); }
.au-contact .au-k { margin-right: 10px; }
.au-contact a { color: var(--ink); overflow-wrap: anywhere; }
.au-h { margin: clamp(30px, 4vw, 44px) 0 10px; font-weight: 450; font-size: 1.35rem; line-height: 1.3; letter-spacing: -.01em; }
.au-p { margin: 0 0 14px; max-width: 68ch; font-size: 17px; line-height: 1.6; color: var(--ink-2); }
.au-hub { margin-top: clamp(40px, 5vw, 64px); border: 1px solid var(--ink); padding: clamp(20px, 3vw, 36px) clamp(18px, 3vw, 40px); }
.au-hub-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 12px 40px; align-items: start; }
.au-hub-k { margin: 0; font: 500 13px/1.3 var(--mono); letter-spacing: .04em; color: var(--ink); }
.au-hub-h { margin: 6px 0 0; font-weight: 420; font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.05; letter-spacing: -.02em; font-variation-settings: "opsz" 60; }
.au-hub-lede .au-p:last-child { margin-bottom: 0; }
.au-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; margin-top: clamp(26px, 3vw, 38px); }
.au-col { min-width: 0; }
.au-col > .au-k { padding-top: 10px; border-top: 2px solid var(--ink); }
.au-build > .au-k { border-top-style: dashed; }
.au-limits { margin-top: clamp(26px, 3vw, 38px); }
.au-limits > .au-k { border-top-width: 1px; }
.au-col .au-list { margin-top: 4px; border-top: 0; }
.au-col .au-list li { grid-template-columns: minmax(0, 1fr); }
.au-limits .au-list { columns: 2 22rem; column-gap: 40px; }
.au-limits .au-list li { break-inside: avoid; }
.mast .mast-to { font-size: 13px; letter-spacing: .02em; text-transform: none; color: #eef1ff; text-decoration: none; padding: 3px 11px; border: 1px solid rgba(207, 216, 255, .34); }
.mast .mast-to:hover { border-color: #cfd8ff; }
@media (max-width: 1000px) { .au-hub-head, .au-cols { grid-template-columns: minmax(0, 1fr); } .au-build { margin-top: 26px; } }
@media print { .mast .mast-to { display: none; } .au-hub { break-inside: auto; } }
.au-list li > p:first-child { margin: 0; max-width: 68ch; font-size: 16px; line-height: 1.55; color: var(--ink); }
.au-status { margin: 24px 0 0; font: 12px/1.65 var(--mono); color: var(--muted); }
.au-close { margin: 14px 0 0; max-width: 68ch; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
@media (max-width: 640px) {
  .au-rec li, .au-list li { grid-template-columns: minmax(0, 1fr); }
  .au-p { font-size: 16.5px; }
}
.rail { position: fixed; right: 22px; top: 50%; transform: translateY(-50%); z-index: 15; }
.rail ol { list-style: none; margin: 0; padding: 0; }
.rail li { position: relative; }
.rail-t { display: block; position: relative; width: 44px; height: 8px; }
.rail-t::after { content: ""; position: absolute; right: 0; top: 50%; width: calc(7px * var(--m, 1)); height: 1px; background: var(--muted); opacity: .45; transition: width .24s cubic-bezier(.2, .8, .2, 1), opacity .2s ease, background-color .2s ease; }
.rail-t.major::after { width: calc(14px * var(--m, 1)); opacity: .85; }
.rail-t.major.on::after { width: calc(26px * var(--m, 1)); height: 2px; margin-top: -.5px; background: var(--ink); opacity: 1; }
.rail li:hover .rail-t.major::after, .rail li:focus-within .rail-t.major::after { background: var(--ink); opacity: 1; }
.rail-a { position: absolute; top: -4px; right: 0; bottom: 0; left: -10px; }
.rail li:last-child .rail-a { bottom: -12px; }
.rail-a:focus-visible { outline: none; }
.rail-l { position: absolute; right: calc(100% + 6px); top: -6px; white-space: nowrap; padding: 5px 12px 6px; border: 1px solid var(--rule); border-radius: 10px;
  background: rgba(16, 21, 36, .74); -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%); box-shadow: 0 10px 28px rgba(0, 0, 0, .38);
  color: var(--ink); font: 14px/1.3 var(--serif); opacity: 0; transform: translateX(8px); transition: opacity .18s ease, transform .26s cubic-bezier(.2, .8, .2, 1); pointer-events: none; }
.rail-l b { margin-right: 9px; font: 500 11px var(--mono); letter-spacing: .06em; color: var(--muted); }
.rail-a:hover .rail-l, .rail-a:focus-visible .rail-l { opacity: 1; transform: none; }
.rail-a:focus-visible .rail-l { outline: 2px solid var(--accent); outline-offset: 2px; }
html.entry .rail { display: none; }
@media (max-width: 1099px) { .rail { display: none; } }
@media (prefers-reduced-motion: reduce) { .rail-t::after, .rail-l { transition: none; } }
@media (forced-colors: active) { .rail-t::after { background: CanvasText; } .rail-t.major.on::after { background: Highlight; } .rail-l { background: Canvas; } }
@media print { .rail { display: none !important; } }