:root{color-scheme:light;--ink:#242126;--paper:#FAF9FC;--accent:#e8e0ff}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,sans-serif}header,main,footer{max-width:820px;margin:auto;padding:24px}header{border-bottom:1px solid #E2DDEB}.brand{font-size:28px;font-weight:900;letter-spacing:-1px}nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}a{color:#4a287b;text-underline-offset:4px;overflow-wrap:anywhere}nav a{padding:8px 12px;border:1px solid #D8CFE8;background:white}a:focus-visible{outline:4px solid #7350b0;outline-offset:4px}h1{font-size:clamp(30px,6vw,46px);line-height:1.15}h2{font-size:28px;line-height:1.3}h3{font-size:21px;line-height:1.4}section{margin-top:40px}p,li{max-width:70ch}.notice{border:1px solid #D8CFE8;padding:16px;background:var(--accent)}.meta{font-size:15px}footer{border-top:2px solid var(--ink);font-size:15px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px}.skip:focus{top:10px} @media(max-width:400px){header,main,footer{padding:18px}nav{gap:8px}body{font-size:17px}}

.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#241A35}.brand img{width:36px;height:36px}.notice{border-radius:18px}footer{border-color:#D8CFE8}