/* 全画面幅で、元のメニューボタン＋縦型ドロップダウンに統一 */
.site-header .menu-button{display:block;margin-left:auto;padding:12px 14px;border:1px solid var(--line,#d5e0e7);border-radius:4px;cursor:pointer;font-size:13px;font-weight:800;white-space:nowrap;flex-shrink:0}
.site-header .header-cta{flex-shrink:0;white-space:nowrap}
.site-header .global-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:20px 5vw;flex-direction:column;gap:18px;background:#fff;box-shadow:0 8px 18px rgba(11,43,74,.12);max-height:calc(100dvh - 90px);overflow-y:auto}
.site-header .menu-toggle:checked ~ .global-nav{display:flex}
.site-header .global-nav a{display:block;line-height:1.7}
/* チェックボックスをキーボードでも操作可能にする */
.site-header .menu-toggle{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header .menu-toggle:focus-visible + .menu-button{outline:3px solid #126aa3;outline-offset:3px}
@media(max-width:480px){.site-header .brand{min-width:0;gap:6px}.site-header .brand img{width:40px;height:auto}.site-header .brand span{font-size:12px}.site-header .menu-button{padding:10px 8px;font-size:12px}.site-header .header-cta{padding:12px 10px;font-size:12px}}