:root { color-scheme: light dark; --page: #eef3ec; --card: #fafcf8; --ink: #1e352b; --link: #245b46; --rule: #d3ded3; }
@media (prefers-color-scheme: dark) {
  :root { --page: #15241e; --card: #1c3027; --ink: #edf4eb; --link: #a7d8b8; --rule: #395344; }
}
body { margin: 0; color: var(--ink); background: var(--page); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
main { box-sizing: border-box; max-width: 42rem; margin: clamp(1rem, 7vw, 5rem) auto; padding: clamp(1.25rem, 6vw, 3rem); background: var(--card); border: 1px solid var(--rule); border-radius: 1.2rem; }
h1 { margin: .15em 0 .5em; font-size: clamp(2rem, 6vw, 3.15rem); line-height: 1.09; letter-spacing: -.045em; }
h2 { margin: 1.5em 0 .6em; font-size: 1.25rem; }
.tag { margin: 0; font-size: .85rem; color: var(--link); }
a { color: var(--link); text-underline-offset: .18em; }
dt { font-weight: 650; margin-top: 1.1rem; }
dd { margin-left: 0; }
nav { display: flex; gap: 1.5rem; margin-top: 1.8rem; }
@media (max-width: 43rem) { main { margin: 1rem; } }