/* Language links stay visible and work without JavaScript. */
.site-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px}
.site-header .section-nav{justify-content:center;gap:24px}
.site-header .language-nav{display:flex;gap:3px;align-items:center;width:auto;margin:0;justify-content:flex-end}
.language-nav a{font-size:12px;font-weight:500;white-space:nowrap;line-height:1.4;padding:11px 9px;border-radius:2px;border:1px solid transparent;min-height:40px;display:inline-flex;align-items:center}
.language-nav a[aria-current="page"]{border-color:var(--accent);color:var(--accent);background:#f2e9de;font-weight:650}
.language-nav a:hover{background:#eeeae0}
html:not([lang="ko"]) body{word-break:normal;overflow-wrap:anywhere}
html[lang="en"]{--font:"Segoe UI","Helvetica Neue",Arial,"Malgun Gothic",sans-serif}
html[lang="zh-Hans"]{--font:"Microsoft YaHei","PingFang SC","Noto Sans SC","Malgun Gothic",sans-serif}
html[lang="ja"]{--font:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP","Meiryo",sans-serif}
html:not([lang="ko"]) .hero h1{letter-spacing:-.03em;line-height:1.3;font-size:clamp(32px,3.1vw,46px)}
html:not([lang="ko"]) .section-heading{flex-wrap:wrap}
html:not([lang="ko"]) .menu-item h4{font-size:18px;letter-spacing:-.02em}
html:not([lang="ko"]) .hero-photo figcaption span:first-child{max-width:70%}
html:not([lang="ko"]) .category-heading{flex-wrap:wrap;gap:6px 20px}
html:not([lang="ko"]) .service-grid dl>div{grid-template-columns:minmax(110px,.75fr) 1.25fr}
html:not([lang="ko"]) .craft-facts strong{font-size:40px;white-space:normal}
html:not([lang="ko"]) .craft-facts strong span{display:inline-block;font-size:16px}
html:not([lang="ko"]) .phone-link{white-space:normal}
html:not([lang="ko"]) .location-content address{font-size:23px}
.copy-status{position:static;grid-column:1/-1;line-height:1.6;min-height:0;margin-top:0}
.copy-status:not(:empty){margin-top:4px}
@media(max-width:1150px){.site-header{grid-template-columns:auto 1fr;gap:0 20px;padding-block:18px 10px}.site-header .brand{grid-column:1;grid-row:1}.site-header .language-nav{grid-column:2;grid-row:1}.site-header .section-nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:28px;margin-top:8px}.brand{gap:12px}.brand-en{font-size:11px}}
@media(max-width:700px){.site-header{padding-block:18px 6px;gap:8px 12px}.site-header .brand{display:block}.site-header .brand-en{font-size:10px}.site-header .language-nav{display:grid;grid-template-columns:repeat(2,auto);gap:2px}.language-nav a{justify-content:center;font-size:12px;min-height:36px;padding:7px 9px}.site-header .section-nav{gap:10px;justify-content:space-between;flex-wrap:wrap;margin:0}.site-header .section-nav a{font-size:13px;line-height:42px}.hero{padding-top:34px}html:not([lang="ko"]) .hero h1{font-size:clamp(31px,7.8vw,45px);line-height:1.35}html:not([lang="ko"]) .hero-description{font-size:16px}html:not([lang="ko"]) .craft-facts strong{font-size:31px}html:not([lang="ko"]) .craft-facts p{max-width:155px}html:not([lang="ko"]) .service-grid dl>div{grid-template-columns:minmax(90px,.8fr) 1.2fr;gap:12px}html:not([lang="ko"]) .map-links{flex-wrap:wrap}.map-links a{flex-basis:28%;min-width:80px}html:not([lang="ko"]) .location-actions{grid-template-columns:1fr}html:not([lang="ko"]) .hours-table .hours-main strong{font-size:28px}html:not([lang="ko"]) .location-content address{font-size:21px}}
@media(max-width:370px){.site-header .section-nav{gap:7px}.site-header .section-nav a{font-size:12px}html:not([lang="ko"]) .hero h1{font-size:30px}html:not([lang="ko"]) .menu-item h4{font-size:17px}html:not([lang="ko"]) .hero-photo figcaption span:last-child{display:none}.hours-table>div{gap:12px}.hours-table span{font-size:14px}.map-links a{flex-basis:40%}}
@media print{.site-header .language-nav{display:none}}

/* Comfortable touch targets without changing the restaurant's content. */
@media(max-width:700px){
  .site-header .language-nav a{min-height:44px;min-width:44px;padding:9px;font-size:14px}
  .site-header .section-nav a{min-height:44px;min-width:44px;line-height:44px;font-size:14px}
  .hero-actions .text-link,.service-grid .text-link,.phone-link,.store-phone,.site-footer>a{display:inline-flex;align-items:center;min-height:44px}
  .menu-bottom .text-link{display:flex;align-items:center;min-height:44px}
  .menu-item p,.address-en,.section-note{font-size:14px}
}
@media(max-width:370px){.site-header .section-nav{gap:6px}}