:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; color: #102b3a; background: #f2f6f7; }
* { box-sizing: border-box; }
body { margin: 0; }
header { background: #08283a; color: white; padding: 28px 20px; }
header div, main, footer { width: min(760px, calc(100% - 40px)); margin: 0 auto; }
header a { color: #49ded1; text-decoration: none; font-weight: 700; }
h1 { margin: 12px 0 0; font-size: clamp(2rem, 8vw, 3.2rem); }
main { padding: 28px 0 52px; }
section, .notice { background: white; border: 1px solid #dfe8ea; border-radius: 20px; padding: 22px; margin-bottom: 14px; line-height: 1.55; }
section h2 { margin: 0 0 12px; font-size: 1.2rem; }
section p { margin: 8px 0; }
.notice { background: #fff4e5; border-color: #ffc76b; color: #704300; }
a { color: #007f89; }
footer { padding: 0 0 40px; display: flex; gap: 18px; flex-wrap: wrap; }