.t-data {
  color-scheme: light;
  --bg: #f3f6f7;
  --surface: #ffffff;
  --text: #102028;
  --muted: #3d515c;
  --line: #d3dee3;
  --green: #0c5c4a;
  --blue: #0b4f8a;
  --on: #ffffff;
  --warn: #8a4b08;
  --focus: #0b4f8a;
  --font: "IBM Plex Sans Variable", "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --wrap: 76rem;
  background: var(--bg); color: var(--text); font-family: var(--font); font-size: 1.02rem; line-height: 1.55;
}
html.t-data, body.t-data { margin: 0; background: var(--bg); color: var(--text); }
.t-data *, .t-data *::before, .t-data *::after { box-sizing: border-box; }
.t-data h1, .t-data h2, .t-data h3, .t-data p, .t-data ul, .t-data ol, .t-data dl { margin: 0; }
.t-data ul { padding: 0; list-style: none; }
.t-data a { color: var(--blue); }
.t-data a:visited { color: var(--blue); }
.t-data button, .t-data input, .t-data textarea, .t-data select { font: inherit; }
.t-data :focus { outline: none; }
.t-data :focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.t-data .skip { position: absolute; transform: translateY(-150%); background: var(--text); color: #fff; padding: 0.45rem 0.7rem; z-index: 5; }
.t-data .skip:focus { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .t-data *, .t-data *::before, .t-data *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
@media (forced-colors: active) { .t-data :focus-visible { outline: 2px solid Highlight; } }