:root { color-scheme: light dark; }
body {
  margin: 0 auto;
  padding: 24px 18px 64px;
  max-width: 720px;
  font-family: "Hiragino Maru Gothic ProN", "Hiragino Sans", system-ui, sans-serif;
  font-weight: 600;
  line-height: 1.9;
  color: #17121f;
  background: #fff;
}
@media (prefers-color-scheme: dark) { body { color: #ece7f5; background: #120f1a; } a { color: #9ad0ff; } }
header { border-bottom: 3px solid #9a54e8; padding-bottom: 12px; margin-bottom: 20px; }
h1 { font-size: 24px; margin: 0; }
h2 { font-size: 18px; margin: 28px 0 8px; color: #7a3fd0; }
@media (prefers-color-scheme: dark) { h2 { color: #c39cff; } }
p, li { font-size: 15px; }
.updated { color: #6b6280; font-size: 13px; }
.box { background: rgba(154,84,232,.08); border-radius: 12px; padding: 12px 16px; }
footer { margin-top: 40px; font-size: 13px; color: #6b6280; }