:root{--c-text:#333;--c-bg:#fdfdfd;--c-pale:#f3f8fd;--c-accent:#3d79d5;--c-accent-dark:#2f62b3;--c-warn:#e44141;--c-warn-pale:#fff2f0;--c-border:#dfe5ec;--c-muted:#6b7280;--radius:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:16px;line-height:1.7}a{color:var(--c-accent)}h1,h2,h3{margin:0 0 .5em;line-height:1.4}.container{max-width:1040px;margin:0 auto;padding:0 16px}.narrow{max-width:640px;margin-left:auto;margin-right:auto}.btn{text-align:center;background:var(--c-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;width:100%;min-height:56px;padding:16px;font-size:1.05rem;font-weight:700;text-decoration:none;display:block}.btn:hover{background:var(--c-accent-dark)}.btn.sub{color:var(--c-accent);border:2px solid var(--c-accent);background:#fff}.btn.sub:hover{background:var(--c-pale)}.btn:focus-visible,.choice:focus-visible,.skip:focus-visible{outline-offset:2px;outline:3px solid #f09f4d}.site-header{border-bottom:1px solid var(--c-border);background:#fff}.header-inner{height:52px}.brand,.header-inner{align-items:center;display:flex}.brand{color:var(--c-text);gap:8px;text-decoration:none}.brand img{width:auto;display:block}.brand-tools{color:var(--c-muted);border-left:1px solid var(--c-border);letter-spacing:.05em;padding-left:10px;font-size:.8rem}.main{min-height:70vh;padding-top:24px;padding-bottom:48px}.site-footer{border-top:1px solid var(--c-border);color:var(--c-muted);background:#f7f7f7;padding:20px 0;font-size:.8rem}