/* Plain, readable, and entirely self-hosted — a page about not sending data
   anywhere should not itself call out to a font CDN. */
:root {
  --ink: #1c1c1e;
  --muted: #6b6b70;
  --rule: #e4e4e8;
  --paper: #ffffff;
  --tint: #f6f7f9;
  --accent: #2f6f6b;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #ececf0;
    --muted: #9a9aa2;
    --rule: #33333a;
    --paper: #131316;
    --tint: #1c1c21;
    --accent: #7ec5bf;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 20px 80px;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR",
        "Apple SD Gothic Neo", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}
main { max-width: 43rem; margin: 0 auto; }
header { max-width: 43rem; margin: 0 auto; padding: 40px 0 8px; }
.brand { font-weight: 700; letter-spacing: -0.01em; text-decoration: none; color: var(--ink); }
.langs { float: right; font-size: 0.875rem; }
.langs a { color: var(--muted); text-decoration: none; }
.langs a[aria-current] { color: var(--ink); font-weight: 600; }
h1 { font-size: 1.75rem; line-height: 1.3; margin: 24px 0 4px; letter-spacing: -0.02em; }
h2 {
  font-size: 1.125rem; margin: 40px 0 8px; padding-top: 20px;
  border-top: 1px solid var(--rule); letter-spacing: -0.01em;
}
h3 { font-size: 1rem; margin: 24px 0 4px; }
.updated { color: var(--muted); font-size: 0.875rem; margin: 0 0 8px; }
.summary {
  background: var(--tint); border-radius: 10px; padding: 4px 20px;
  margin: 28px 0 8px;
}
.summary h2 { border: 0; margin-top: 20px; padding-top: 0; font-size: 1rem; }
table { border-collapse: collapse; width: 100%; margin: 16px 0; font-size: 0.9375rem; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--rule); }
th { font-weight: 600; }
.wrap { overflow-x: auto; }
code { background: var(--tint); padding: 1px 5px; border-radius: 4px; font-size: 0.9em; }
a { color: var(--accent); }
.fill { background: #ffe9a8; color: #4a3a00; padding: 0 4px; border-radius: 3px; font-weight: 600; }
@media (prefers-color-scheme: dark) { .fill { background: #5a4a12; color: #ffe9a8; } }
footer {
  max-width: 43rem; margin: 56px auto 0; padding-top: 20px;
  border-top: 1px solid var(--rule); color: var(--muted); font-size: 0.875rem;
}