:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17324d; background: #f7fbff; }
* { box-sizing: border-box; }
body { margin: 0; background: #f7fbff; }
main { min-height: 100vh; padding: 40px 20px; }
article { max-width: 720px; margin: 0 auto; }
header { padding-bottom: 36px; border-bottom: 1px solid #d6e2e9; }
.brand { margin: 0; color: #287b9e; font-size: 14px; font-weight: 800; letter-spacing: .2em; }
h1 { margin: 20px 0 0; font-size: clamp(2.25rem, 6vw, 3.4rem); line-height: 1.05; letter-spacing: -.035em; }
.subtitle { margin: 16px 0 0; color: #3b6078; font-size: 1.125rem; line-height: 1.6; }
section { margin: 40px 0; color: #3b6078; font-size: 1.05rem; line-height: 1.85; }
h2 { margin: 0; color: #17324d; font-size: 1.25rem; line-height: 1.35; }
p { margin: 12px 0 0; }
a { color: #175c7d; text-underline-offset: 4px; }
.notice { padding: 24px; border: 1px solid #a8d5e7; border-radius: 16px; background: #eaf6fb; }
footer { padding: 28px 0; border-top: 1px solid #d6e2e9; color: #58768b; font-size: .875rem; }
@media (min-width: 640px) { main { padding: 64px 32px; } }