* { box-sizing: border-box; }
body { margin: 0; color: #1e293b; background: #f8fafc; font-family: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif; line-height: 1.9; }
main { width: min(880px, 100% - 40px); margin: 48px auto; padding-bottom: 48px; }
.brand { color: #164879; font-weight: bold; }
h1 { font-size: clamp(25px, 5vw, 36px); line-height: 1.4; }
h2 { margin-top: 40px; font-size: 20px; }
a { color: #14517d; overflow-wrap: anywhere; text-underline-offset: 3px; }
.controls { display: flex; flex-wrap: wrap; gap: 12px; }
button { min-height: 48px; padding: 10px 18px; border: 1px solid #164879; background: white; color: #164879; border-radius: 4px; font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 3px solid #d85c00; outline-offset: 4px; }