:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  max-width: 720px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 5rem;
  line-height: 1.6;
  color: #1c1c1e;
  background: #fff;
}
@media (prefers-color-scheme: dark) {
  body { color: #e5e5ea; background: #000; }
  a { color: #0a84ff; }
}
h1 { font-size: 1.9rem; line-height: 1.2; }
h2 { font-size: 1.25rem; margin-top: 2.2rem; }
a { color: #007aff; }
.lang { font-size: .95rem; margin-bottom: 1.5rem; }
.meta { color: #8e8e93; font-size: .9rem; }
.notice {
  border: 1px solid #ffcc00; background: rgba(255,204,0,.12);
  border-radius: 10px; padding: .8rem 1rem; font-size: .9rem;
}
footer { margin-top: 3rem; font-size: .85rem; color: #8e8e93; }