/* The harness only: fonts, page background and a stand-in for the Site's header. */
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/newsreader-400.ttf) format("truetype"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/newsreader-400-italic.ttf) format("truetype"); }
@font-face { font-family: "Geist"; font-weight: 400; font-display: swap; src: url(fonts/geist-400.ttf) format("truetype"); }
@font-face { font-family: "Geist"; font-weight: 500; font-display: swap; src: url(fonts/geist-500.ttf) format("truetype"); }
@font-face { font-family: "Geist"; font-weight: 600; font-display: swap; src: url(fonts/geist-600.ttf) format("truetype"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-display: swap; src: url(fonts/jetbrains-mono-400.ttf) format("truetype"); }
html, body { margin: 0; background: #f7f0e1; -webkit-font-smoothing: antialiased; }
.pd-nav { max-width: calc(1168px + 2 * clamp(16px, 4.4vw, 56px)); margin: 0 auto; padding: 22px clamp(16px, 4.4vw, 56px); display: flex; align-items: center; justify-content: space-between; font: 400 13px/1 "Geist", system-ui, sans-serif; color: #4d4434; }
.pd-nav a { color: inherit; text-decoration: none; }
.pd-brand { display: flex; align-items: center; gap: 10px; font: 600 17px/1 "Geist", system-ui, sans-serif; color: #211a10 !important; }
.pd-brand b { width: 18px; height: 18px; border-radius: 50%; background: #2b231b; }
.pd-links { display: flex; align-items: center; gap: 22px; }
.pd-links [aria-current] { color: #211a10; border-bottom: 1px solid #211a10; padding-bottom: 2px; }
.pd-nav .pd-btn { background: #2b231b; color: #f7f0e1; font: 500 13px/1 "Geist", system-ui, sans-serif; padding: 11px 16px; border-radius: 999px; }
@media (max-width: 760px) { .pd-links a:not(.pd-btn) { display: none; } }