#language-switch{display:flex;gap:0;align-items:center;flex-shrink:0;min-height:44px}
#language-switch button{min-height:44px;padding:8px 10px;border:1px solid #74674e;background:#141414;color:#f1e9d9;font:600 12px/1.2 system-ui,sans-serif;cursor:pointer}
#language-switch button+button{border-left:0}
#language-switch button[aria-pressed=true]{background:#f1e9d9;color:#141414}
#language-switch button:focus-visible{outline:3px solid #cc352c;outline-offset:3px}
body header .top,body header .youwrap{flex-wrap:wrap}
html[lang=ja] body{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}
html[lang=ja] :is(h1,h2,h3,.rd-page-header h2,.rd-hero h1,.rd-section-heading h2,.rd-nav-link,.navtop,.btn,.vtab,.rd-button){font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;letter-spacing:.02em;word-break:normal;overflow-wrap:anywhere;line-height:1.5}
html[lang=ja] .rd-hero h1{font-size:clamp(40px,7vw,92px)}
html[lang=ja] header #mainnav{gap:18px}
html[lang=ja] .btn{white-space:normal}
@media(max-width:720px){#language-switch button{padding:8px;font-size:11px}html[lang=ja] header #mainnav{gap:12px}}
@media(max-width:600px){#language-switch button{min-width:44px;padding:4px;font-size:10px}body header #theme-toggle{padding:0 6px;font-size:10px}}
