:root { color-scheme: light; font-family: Inter, Arial, sans-serif; color: #142136; background: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.55; }
header { background: #10233f; color: white; padding: 1.2rem max(1.2rem, calc((100% - 760px) / 2)); }
header a { color: white; text-decoration: none; font-weight: 700; }
main { max-width: 760px; margin: 2rem auto; padding: 0 1.2rem 3rem; }
h1 { line-height: 1.15; }
h2 { margin-top: 2rem; font-size: 1.25rem; }
a { color: #17633a; }
.meta { color: #536174; }
.notice { background: #e9f6ee; border-left: 4px solid #22a65a; padding: .8rem 1rem; }
footer { border-top: 1px solid #d8dee8; margin-top: 2rem; padding-top: 1rem; color: #536174; }
@media (max-width: 520px) { main { margin-top: 1rem; } }