@font-face {
  font-family: "Lincoln MITRE";
  src: url("/fonts/LincolnMITRE-LM5x7.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Keep the display font at its original weight. */
strong, b { font-weight: inherit; }
/* Colophon-inspired layout. Colours and typography live here. */
:root { --paper: #000; --ink: #f0eee9; --accent: #e78370; --link: #87dce6; --highlight: #e1e878; }
* { box-sizing: border-box; }
body { margin: 0; padding: 26px 22px 48px; background: var(--paper); color: var(--ink); font: normal 26px/1.32 "Lincoln MITRE", "Courier New", monospace; text-transform: uppercase; overflow-wrap: anywhere; }
h1, h2, h3, p, ul, ol { font: inherit; margin: 0; }
.accent, h2, h3, nav, .entry-number { color: var(--accent); }
.statement { color: var(--highlight); margin: 34px 0; }
header { margin-bottom: 32px; }
nav { margin: 0 0 34px; }
nav a, nav a:visited { color: var(--accent); }
ol { padding-left: 2ch; }
section { margin: 0 0 34px; scroll-margin-top: 22px; }
p + p { margin-top: 20px; }
a { color: var(--ink); text-decoration: none; }
a:visited { color: var(--ink); }
a:hover { color: var(--link); text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--link); outline-offset: 5px; }
.entries { list-style: none; padding: 0; }
.entries li::before { content: "• "; }
.entries li { margin-top: 8px; }
footer { margin-top: 48px; }
footer a, footer a:visited { color: var(--link); }
/* The same typography continues on journal pages. */
.masthead { margin-bottom: 30px; }
.logo { color: var(--accent); }
.logo:visited { color: var(--accent); }
.masthead > div { margin-top: 18px; }
.article-heading { margin: 34px 0; }
.article-heading h1 { margin: 18px 0; }
.draft { color: var(--highlight); }
.note { color: var(--highlight); margin-bottom: 28px; }
hr { border: 0; margin: 28px 0; }
main > p { margin: 24px 0; }
section p { margin: 14px 0; }
ul { padding-left: 2ch; }
table { width: 100%; border-collapse: collapse; margin: 22px 0; text-align: left; font-size: 0.8em; }
td, th { padding: 10px; border: 1px solid #555; vertical-align: top; }
figure { margin: 30px 0; }
.figure-placeholder { border: 1px dashed #555; padding: 48px 20px; color: #aaa; }
figcaption { color: var(--accent); font-size: 0.8em; margin-top: 12px; }
img { max-width: 100%; height: auto; }
@media (max-width: 600px) { body { padding: 20px 14px 36px; font-size: 19px; } td, th { padding: 6px; } }
@media (prefers-contrast: more) { * { -webkit-text-fill-color: currentColor !important; background-image: none !important; } }