:root { color-scheme: light; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.75;
  color: #1f2933;
  background: #ffffff;
}

main { max-width: 860px; margin: 0 auto; padding: 48px 24px 72px; }
.date { text-align: right; }
h1 { margin: 0 0 32px; font-size: 2rem; line-height: 1.3; }
h2 { margin: 36px 0 12px; padding-top: 12px; border-top: 1px solid #e5e7eb; font-size: 1.35rem; line-height: 1.4; }
p { margin: 12px 0; }
ol, ul { margin: 10px 0 18px 1.4rem; padding-left: 1.2rem; }
li { margin: 6px 0; }
code { padding: 0.1em 0.3em; border-radius: 4px; background: #f3f4f6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.95em; }

@media print {
  main { max-width: none; padding: 24px; }
  h2 { break-after: avoid; }
  li { break-inside: avoid; }
}