:root {
  --ink: #1c1814;
  --ink-soft: #4b4239;
  --muted: #756a5d;
  --paper: #faf8f3;
  --panel: #ffffff;
  --sunk: #efe9dc;
  --line: #e7e1d4;
  --accent: #0f6b5e;
  --accent-deep: #0a4f45;
  --accent-soft: #e3f0ec;
  --code-bg: #1b2420;
  --code-ink: #e9efe7;
  --code-line: #2c3b34;
  --radius: 12px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --ink: #ece6db;
  --ink-soft: #c3bbab;
  --muted: #9a9081;
  --paper: #14110d;
  --panel: #1e1913;
  --sunk: #221d17;
  --line: #2f281f;
  --accent: #5ccab4;
  --accent-deep: #8fe0cf;
  --accent-soft: #16302a;
  --code-bg: #100d0a;
  --code-ink: #e4ebe2;
  --code-line: #2a231b;
}
}
:root[data-theme="dark"] {
  --ink: #ece6db;
  --ink-soft: #c3bbab;
  --muted: #9a9081;
  --paper: #14110d;
  --panel: #1e1913;
  --sunk: #221d17;
  --line: #2f281f;
  --accent: #5ccab4;
  --accent-deep: #8fe0cf;
  --accent-soft: #16302a;
  --code-bg: #100d0a;
  --code-ink: #e4ebe2;
  --code-line: #2a231b;
}
html { background: var(--paper); }
body { max-width: 720px; }
body { margin: 0 auto; }
body { padding: 3rem 1.5rem 5rem; }
body { font-family: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, Cambria, serif; }
body { font-size: 18px; }
body { line-height: 1.7; }
body { color: var(--ink); }
body { background: var(--paper); }
body { -webkit-font-smoothing: antialiased; }
body { text-rendering: optimizeLegibility; }
h1 { font-size: clamp(2rem, 5vw, 2.8rem); }
h1 { line-height: 1.12; }
h1 { letter-spacing: -.022em; }
h1 { margin: 1rem 0 1.25rem; }
h1 { color: var(--ink); }
h2 { font-size: 1.5rem; }
h2 { line-height: 1.2; }
h2 { letter-spacing: -.012em; }
h2 { margin: 2.4rem 0 .6rem; }
h2 { color: var(--ink); }
h3 { font-size: 1.2rem; }
h3 { margin: 1.8rem 0 .4rem; }
h3 { color: var(--ink); }
p { margin: 1.1rem 0; }
a { color: var(--accent); }
a { text-underline-offset: 2px; }
a:hover { color: var(--accent-deep); }
strong { font-weight: 650; }
strong { color: var(--ink); }
hr { border: 0; }
hr { border-top: 1px solid var(--line); }
hr { margin: 2.5rem 0; }
ul, ol { margin: 1.1rem 0; }
ul, ol { padding-left: 1.4rem; }
li { margin: .35rem 0; }
code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
code { font-size: .88em; }
code { background: var(--sunk); }
code { color: var(--accent-deep); }
code { padding: .12rem .36rem; }
code { border-radius: 6px; }
pre { background: var(--code-bg); }
pre { color: var(--code-ink); }
pre { padding: 1.2rem 1.35rem; }
pre { margin: 1.5rem 0; }
pre { border-radius: var(--radius); }
pre { overflow-x: auto; }
pre { line-height: 1.62; }
pre { font-size: .87rem; }
pre { box-shadow: inset 0 0 0 1px var(--code-line); }
pre code { background: transparent; }
pre code { color: inherit; }
pre code { padding: 0; }
pre code { font-size: 1em; }
blockquote { margin: 1.6rem 0; }
blockquote { padding: .6rem 1.3rem; }
blockquote { border-left: 3px solid var(--accent); }
blockquote { color: var(--ink-soft); }
blockquote { font-style: italic; }