* { box-sizing: border-box; }
html { color-scheme: light; background: #f7f4ef; }
body { margin: 0; color: #181613; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
main { max-width: 780px; margin: 0 auto; padding: 28px 20px 64px; }
nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 28px; }
a { color: #0064cf; text-underline-offset: 3px; }
h1 { font-size: 28px; line-height: 1.25; margin: 16px 0; }
h2 { font-size: 21px; line-height: 1.35; margin: 28px 0 8px; }
p, li { font-size: 16px; }
ul { padding-left: 22px; }
.meta { color: #6c655e; font-size: 14px; }
.notice { border-left: 4px solid #097dcc; background: #e3f1ff; padding: 14px 16px; }
@media (max-width: 360px) { main { padding: 20px 16px 48px; } h1 { font-size: 24px; } }