:root { color-scheme: light; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: #FFF8F0; color: #3B1A10;
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 42rem; margin: 0 auto; padding: 24px 16px 64px; }
h1 { font-size: 1.8rem; line-height: 1.25; margin: 1.2em 0 0.6em; }
h2 { font-size: 1.3rem; line-height: 1.3; margin: 1.8em 0 0.5em; }
a { color: #A34A00; }
code { font-size: 0.9em; background: #F6E6D6; padding: 0 0.25em; border-radius: 4px; }
blockquote {
  margin: 1em 0; padding: 0.75em 1em; border-left: 4px solid #F28C28;
  background: #FDEBD8; border-radius: 0 8px 8px 0;
}
blockquote.draft { border-left-color: #B3261E; background: #FCE4E2; font-size: 1.05rem; }
blockquote p { margin: 0.4em 0; }
ul, ol { padding-left: 1.4em; }
li { margin: 0.25em 0; }
.table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
th, td { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px solid #E8D3BF; }
th { background: #FDEBD8; }
footer { margin-top: 3em; font-size: 0.9rem; }