:root {
  --canvas: #FCFAF5; --surface: #FFFDF8; --subtle: #F3F0E8;
  --text: #1D1D1B; --secondary: #6B6A64; --border: #C5C3BA; --focus: #6B9FDC;
  color-scheme: light;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--canvas); color: var(--text);
  font: 17px/1.6 Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 64px; }
header a.wordmark {
  font-family: "Source Serif 4", Georgia, serif; font-weight: 600; font-size: 28px;
  color: var(--text); text-decoration: none;
}
nav { margin-top: 8px; display: flex; gap: 16px; flex-wrap: wrap; font-size: 15px; }
nav a, main a { color: var(--text); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
h1 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; font-size: 34px; line-height: 1.2; margin: 32px 0 8px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
.meta { color: var(--secondary); font-size: 15px; }
.note { background: var(--subtle); border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; }
footer { margin-top: 48px; color: var(--secondary); font-size: 14px; }