:root {
  --paper: #f0e4ce;
  --ink: #0a0a0a;
  --ink-mute: #6b625a;
}
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.7 system-ui, sans-serif; }
.doc, .foot { max-width: 42rem; margin: auto; padding: 2rem max(1.25rem, env(safe-area-inset-left)); }
h1 { font: 2.3rem/1.15 Georgia, serif; margin: 2rem 0 1rem; }
h2 { font-size: 1.15rem; margin: 2rem 0 .6rem; }
p { margin: .8rem 0; }
a { color: inherit; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.caps { font-size: .85rem; }
.doc__updated { color: var(--ink-mute); }
.foot { border-top: 1px solid currentColor; font-size: .85rem; }
.foot nav { display: flex; gap: 1rem; flex-wrap: wrap; }
.foot a, .doc__back { display: inline-flex; align-items: center; min-height: 44px; }