body { font-family: -apple-system, "Segoe UI", "Malgun Gothic", sans-serif; max-width: 760px;
       margin: 0 auto; padding: 24px 16px 64px; line-height: 1.7; color: #222; }
h1 { font-size: 1.5em; margin-top: 1.6em; margin-bottom: 0.2em; }
h2 { font-size: 1.12em; margin-top: 1.8em; }
.langbar { display: flex; justify-content: flex-end; }
select { font: inherit; padding: 6px 10px; border-radius: 8px; border: 1px solid #bbb;
         background: #fff; color: inherit; }
a { color: #0b62c4; }
.meta { color: #777; font-size: 0.9em; margin: 0 0 1.4em; }
.meta span { display: block; }
@media (prefers-color-scheme: dark) {
  body { background: #111; color: #ddd; }
  select { background: #1c1c1c; color: #ddd; border-color: #444; }
  a { color: #6db3ff; }
  .meta { color: #999; }
}