@font-face { font-family: "Newsreader"; src: url("/fonts/Newsreader-Variable.ttf") format("truetype"); font-weight: 200 800; }
@font-face { font-family: "Jost"; src: url("/fonts/Jost-Variable.ttf") format("truetype"); font-weight: 100 900; }
@font-face { font-family: "Courier Prime"; src: url("/fonts/CourierPrime-Regular.ttf") format("truetype"); }
:root { --paper: #F3EDE2; --ink: #1F1C18; --muted: #5E574D; --rule: #D8CFBF; --teal: #2E6B66; --vermilion: #A63A26; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #1C1A17; --ink: #EEE6D7; --muted: #A89F90; --rule: #3A352E; --teal: #6FAEA6; --vermilion: #E57A60; }
}
html { background: var(--paper); color: var(--ink); }
body { margin: 0 auto; max-width: 640px; padding: 48px 24px 64px; font: 16px/1.5 "Jost", Futura, system-ui, sans-serif; }
.mark { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; color: var(--ink); text-decoration: none; }
.mark .call { font: 11px/13px "Courier Prime", monospace; white-space: pre; padding-right: 10px; border-right: 1.5px solid var(--vermilion); }
.mark .name { font: 400 24px/26px "Newsreader", Georgia, serif; }
h1 { font: 400 40px/44px "Newsreader", Georgia, serif; margin: 0 0 8px; }
h1 + p { font-family: "Courier Prime", monospace; font-size: 13px; color: var(--muted); margin-top: 0; }
h2 { font: 400 21px/27px "Newsreader", Georgia, serif; margin: 40px 0 8px; padding-top: 16px; border-top: 1px solid var(--rule); }
ul { padding-left: 20px; }
li { margin: 8px 0; }
a { color: var(--teal); }
footer { margin-top: 48px; font: 13px "Courier Prime", monospace; color: var(--muted); }
footer a { color: var(--muted); }
a:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; border-radius: 4px; }
footer a { display: inline-block; padding: 10px 0; }