:root { color-scheme: light; --canvas: #FFFFFF; --surface: #F7F5F2; --line: #E6E1DA; --ink: #1E1919; --muted: #6F6A65; --action: #0061FF; --pressed: #0050D0; --selected: #E6F0FF; }
body { background: var(--canvas); color: var(--ink); }
::selection { background: var(--selected); color: var(--ink); }
a { color: var(--action); }
a:hover { color: var(--pressed); }
a:active { color: var(--pressed); }
a:focus-visible { outline: 3px solid var(--action); outline-offset: 4px; border-radius: 3px; }
main:focus { outline: none; }
body > header { border-bottom: 1px solid var(--line); }
body > header > a { color: var(--ink); text-decoration: none; }
body > header span, body > header p, #index > p, [data-intro] > p:first-child, small, figcaption, [data-shelf] a > span:first-child, [data-reading] label { color: var(--muted); }
#index a { color: var(--ink); text-decoration: none; border-radius: .45rem; }
#index a:hover { background: var(--surface); }
#index a[aria-current] { color: var(--pressed); background: var(--selected); }
article > section { border-top: 1px solid var(--line); }
[data-shelf] { border-top: 0; }
[data-shelf] a { color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-radius: .75rem; background: var(--surface); }
[data-shelf] a > span:last-child { color: var(--action); }
[data-shelf] a:hover { border-color: var(--action); box-shadow: 0 3px 14px #1e191912; }
[data-evidence] { border: 1px solid var(--line); border-radius: .8rem; background: var(--canvas); box-shadow: 0 4px 18px #1e191908; }
figure { background: var(--surface); border-radius: .75rem; border: 1px solid var(--line); }
figure section { border-top: 1px solid var(--line); }
figure section:nth-child(even) { border-left: 1px solid var(--line); }
figcaption { border-top: 1px solid var(--line); }
article > nav a { background: var(--surface); border: 1px solid var(--line); border-radius: .75rem; text-decoration: none; }
article > nav a > span { color: var(--muted); }
article > nav a:hover { border-color: var(--action); }
footer { border-top: 1px solid var(--line); }
[data-skip] { background: var(--action); color: white; border-radius: .45rem; }
[data-reading] { color: var(--muted); }
progress { appearance: none; border: 0; color: var(--ink); background: var(--line); border-radius: 1rem; overflow: hidden; }
progress::-webkit-progress-bar { background: var(--line); border-radius: 1rem; }
progress::-webkit-progress-value { background: var(--pressed); border-radius: 1rem; }
progress::-moz-progress-bar { background: var(--pressed); border-radius: 1rem; }
@media (max-width: 740px) {
  #index { border-bottom: 1px solid var(--line); }
  figure section:nth-child(even) { border-left: 0; }
  [data-reading] { background: var(--surface); border-top: 1px solid var(--line); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
@media print {
  body { background: white; color: black; }
  [data-evidence] { box-shadow: none; }
}