.t-dir {
  color-scheme: light;
  --bg: #f3f6f5;
  --surface: #ffffff;
  --text: #13242b;
  --muted: #3e555c;
  --fine: #5c7178;
  --line: #d5e0dc;
  --teal: #0c4846;
  --teal-bright: #0f5e5b;
  --on-teal: #ffffff;
  --link: #0c4846;
  --focus: #0c4846;
  --sponsored-bg: #fff4d6;
  --sponsored: #7a4e00;
  --chip: #e7f2f0;
  --font: "Plus Jakarta Sans Variable", "Segoe UI", sans-serif;
  --text-xs: 0.78rem;
  --text-sm: 0.92rem;
  --text-body: 1rem;
  --text-md: 1.2rem;
  --text-lg: 1.55rem;
  --text-xl: clamp(1.8rem, 3vw, 2.4rem);
  --leading: 1.55;
  --space: 1rem;
  --wrap: 76rem;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--text-body);
  line-height: var(--leading);
}
html.t-dir, body.t-dir { margin: 0; background: var(--bg); color: var(--text); }
.t-dir *, .t-dir *::before, .t-dir *::after { box-sizing: border-box; }
.t-dir h1, .t-dir h2, .t-dir h3, .t-dir p, .t-dir ul, .t-dir ol, .t-dir dl { margin: 0; }
.t-dir ul, .t-dir ol { padding: 0; list-style: none; }
.t-dir a { color: var(--link); }
.t-dir a:visited { color: var(--link); }
.t-dir button, .t-dir input, .t-dir select, .t-dir textarea { font: inherit; color: inherit; }
.t-dir :focus { outline: none; }
.t-dir :focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.t-dir .skip { position: absolute; transform: translateY(-150%); background: var(--teal); color: #fff; padding: 0.5rem 0.75rem; z-index: 5; }
.t-dir .skip:focus { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .t-dir *, .t-dir *::before, .t-dir *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
@media (forced-colors: active) {
  .t-dir :focus-visible { outline: 2px solid Highlight; }
  .t-dir .btn { border: 1px solid ButtonText; }
}