:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#f6f5fb;color:#252333}body{margin:0}header,main,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;gap:24px;align-items:center;border-bottom:1px solid #d9d5e8}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#5043a1}h1{font-size:clamp(2rem,7vw,3.2rem);letter-spacing:-.04em}h2{margin-top:2rem}p,li{line-height:1.7}section{margin:24px 0;padding:24px;border:1px solid #d9d5e8;border-radius:22px;background:#fff}.notice{background:#fff2d7;color:#664500;padding:16px;border-radius:12px}footer{font-size:.9rem;color:#666}@media(prefers-color-scheme:dark){:root{background:#191822;color:#f1eff8}section{background:#252331;border-color:#4d485f}a{color:#c9bcff}footer{color:#c3bed2}}

header{flex-wrap:wrap}a{overflow-wrap:anywhere}@media(max-width:480px){header,main,footer{padding:18px}section{padding:18px}nav{gap:16px}}