/* Plain text pages (privacy, 404) in the site's style. */
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-400-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-400-greek.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

:root {
  --bg: #0a0907;
  --ink: #c9b68a;
  --ink-soft: #b5a47e;
  --ink-dim: #a3926c;
  --focus: #e2c886;
}

* { box-sizing: border-box; margin: 0; }

body {
  min-height: 100dvh;
  background: var(--bg);
  color: var(--ink-soft);
  font: 400 15px/1.75 "JetBrains Mono", ui-monospace, monospace;
  -webkit-font-smoothing: antialiased;
}

main {
  max-width: 640px;
  margin: 0 auto;
  padding: 48px 16px 80px;
}

h1, h2 {
  font-weight: 400;
  color: var(--ink);
  letter-spacing: 0.06em;
}
h1 { font-size: 22px; margin-bottom: 8px; }
h2 { font-size: 15px; margin: 36px 0 10px; }
p + p { margin-top: 12px; }

a { color: var(--ink); text-underline-offset: 3px; }
a:hover { color: var(--focus); }
:focus-visible { outline: 1px solid var(--focus); outline-offset: 3px; }

.back { margin-bottom: 32px; font-size: 18px; }
.back a { text-decoration: none; }
.updated { font-size: 12px; color: var(--ink-dim); }

.center { display: grid; place-items: center; text-align: center; }
.center h1 { font-size: 40px; margin-bottom: 16px; }
.center .back { margin: 32px 0 0; }

@media (min-width: 768px) {
  main { padding-top: 96px; }
}