.t-ref {
  color-scheme: light;
  --bg: #fbf7f1;
  --paper: #fffdf9;
  --box: #f3ecdf;
  --text: #241e18;
  --muted: #4e453c;
  --line: #e3d8c8;
  --link: #1a4f86;
  --focus: #1a4f86;
  --accent: #c9733a;
  --font-serif: "Literata Variable", "Iowan Old Style", Georgia, serif;
  --font-sans: "Source Sans 3 Variable", "Segoe UI", sans-serif;
  --wrap: 68rem;
  background: var(--bg); color: var(--text); font-family: var(--font-serif); font-size: 1.05rem; line-height: 1.65;
}
html.t-ref, body.t-ref { margin: 0; background: var(--bg); color: var(--text); }
.t-ref *, .t-ref *::before, .t-ref *::after { box-sizing: border-box; }
.t-ref h1, .t-ref h2, .t-ref h3, .t-ref p, .t-ref ul, .t-ref ol, .t-ref dl { margin: 0; }
.t-ref a { color: var(--link); }
.t-ref a:visited { color: #5c3d7a; }
.t-ref button, .t-ref input, .t-ref textarea { font: inherit; }
.t-ref :focus { outline: none; }
.t-ref :focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.t-ref .skip { position: absolute; transform: translateY(-150%); background: var(--text); color: var(--paper); padding: 0.4rem 0.7rem; z-index: 5; }
.t-ref .skip:focus { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .t-ref *, .t-ref *::before, .t-ref *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
@media (forced-colors: active) { .t-ref :focus-visible { outline: 2px solid Highlight; } }