:root { color-scheme: light dark; font: -apple-system-body; }
body { max-width: 760px; margin: auto; padding: 20px 18px 40px; color: #242424; background: #fff; line-height: 1.8; overflow-wrap: anywhere; }
h1 { font-size: 1.4em; line-height: 1.5; margin: 0 0 16px; }
h2, .bold { font-weight: 700; }
h2 { font-size: 1.15em; margin: 28px 0 12px; }
h3 { font-size: 1em; margin: 0 0 12px; }
.meta, .note { color: #616161; font-size: 0.9em; }
nav { margin: 18px 0; }
nav a { display: block; padding: 6px 0; }
a { color: #145ab8; text-underline-offset: 3px; }
ul { padding-left: 1.3em; }
li { margin: 8px 0; }
section { background: #f5f6f8; border-radius: 12px; padding: 16px; margin: 16px 0; }
dl { margin: 0; }
dt { font-weight: 600; margin-top: 10px; }
dd { margin: 2px 0 12px; }
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.9em; }
th, td { border: 1px solid #c9c9c9; padding: 8px; text-align: left; vertical-align: top; }
th { background: #f5f6f8; }
@media (prefers-color-scheme: dark) {
  body { background: #1c1c1e; color: #eee; }
  section, th { background: #2c2c2e; }
  .meta, .note { color: #b9b9bd; }
  a { color: #8cbbff; }
  th, td { border-color: #555; }
}