/*
 * Lifted verbatim from the STYLE constant in server/src/pages.ts, so the
 * pages look identical after the move off the Hono server. Kept as one
 * shared file rather than inlined three times — a static site needs no
 * build step to link a stylesheet, and this is the whole of it.
 */
:root { color-scheme: light dark; }
body {
  font-family: -apple-system, system-ui, sans-serif;
  color: #1f3a5a; background: #fff;
  max-width: 680px; margin: 0 auto; padding: 48px 24px 96px;
  line-height: 1.6;
}
h1 { font-family: 'Aleo', Georgia, serif; font-size: 30px; margin: 0 0 4px; }
h2 { font-family: 'Aleo', Georgia, serif; font-size: 20px; margin: 40px 0 8px; }
p, li { color: #40566e; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
a { color: #c66b4d; }
.updated { color: #7d94a8; font-size: 14px; margin: 0 0 32px; }
.lede { font-size: 17px; color: #2b4560; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid #e3e9ef; font-size: 14px; color: #7d94a8; }
@media (prefers-color-scheme: dark) {
  body { color: #e6edf3; background: #14202c; }
  p, li { color: #b6c6d4; }
  .lede { color: #d7e2ec; }
  .updated, footer { color: #8399ab; }
  footer { border-top-color: #23384a; }
}