@layer overscan {
ov-timestack {
  display: grid;
  grid-template-columns: minmax(0, max-content);
  gap: 8px;
  font-family: var(--ov-font-mono);
  font-size: var(--ov-size-1);
  letter-spacing: 0.8px;
  color: var(--ov-dim);
}
.ov-timestack__head { color: var(--ov-ink); text-transform: uppercase; letter-spacing: 1.2px; }
.ov-timestack__at { color: var(--ov-accent); }
.ov-timestack__rows {
  display: grid; grid-template-columns: max-content max-content minmax(16ch, 1fr) max-content;
  gap: 0 14px; background: var(--ov-field); border: var(--ov-rule) solid var(--ov-line); padding: 6px 10px;
  overflow-x: auto;
}
.ov-timestack__row { display: contents; }
.ov-timestack__row > span { padding: 5px 0; border-block-end: var(--ov-rule) solid var(--ov-line); }
.ov-timestack__row:last-child > span { border-block-end: 0; }
.ov-timestack__sys { color: var(--ov-faint); letter-spacing: 1.2px; }
.ov-timestack__value { color: var(--ov-ink); font-variant-numeric: tabular-nums; }
.ov-timestack__dep { color: var(--ov-faint); }
.ov-timestack__note { grid-column: 2 / -1; padding-block-start: 0 !important; color: var(--ov-faint); }
.ov-timestack__row.is-event .ov-timestack__sys { color: var(--ov-accent); }
.ov-timestack__row.is-receipt .ov-timestack__value { color: var(--ov-dim); }
.ov-timestack__row.is-computed .ov-timestack__value { font-style: italic; }
.ov-timestack__mark { font-weight: 400; letter-spacing: 1.2px; }
.ov-timestack__mark.is-provisional { color: var(--ov-accent-2); }
.ov-timestack__mark.is-disputed { color: var(--ov-alarm); }
.ov-timestack__mark.is-none { color: var(--ov-alarm); }
.ov-timestack__how .is-flag { font-style: normal; color: var(--ov-accent-2); }
.ov-timestack__void {
  display: grid; place-items: center; min-block-size: 80px; max-inline-size: 460px;
  color: var(--ov-alarm); text-transform: uppercase; border: 1px dashed var(--ov-line-strong);
}
}