.language-switch select{font:inherit;font-size:14px;width:auto;max-width:180px;padding:8px;border:1px solid #b7beb8;border-radius:6px;background:#fff;color:#24392e}html[lang^="zh"],html[lang="ja"],html[lang="ko"]{font-family:system-ui,sans-serif}html[dir="rtl"] .dish-card{text-align:right}@media(max-width:600px){.language-switch select{max-width:130px;font-size:12px}}
#client-language-flags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:min(440px,65vw)}#client-language-flags[hidden],.language-switch select[hidden]{display:none!important}.language-switch .language-flag{display:inline-flex;align-items:center;justify-content:center;padding:4px;min-width:42px;min-height:42px;border:2px solid transparent;border-radius:7px;background:rgba(255,255,255,.94);font-size:26px;line-height:1;cursor:pointer}.language-switch .language-flag[aria-pressed=true]{border-color:#254c37;background:#eaf1ec}.language-switch .language-flag:focus-visible{outline:3px solid #2674ad;outline-offset:2px}

@media(orientation:portrait){.language-switch .language-flag{font-size:13px;min-width:24px;min-height:28px;padding:2px;border-width:1px;border-radius:4px}#client-language-flags{gap:3px}}

/* Compact language flags in landscape on browsers and dedicated tablets. */
@media (orientation:landscape){
 .language-switch .language-flag{font-size:18px;min-width:32px;min-height:36px;padding:3px;border-width:1px;border-radius:5px}
 #client-language-flags{gap:3px}
}

/* Transparent flags; retain the selected-language border and keyboard focus. */
html body .language-switch .language-flag,
html body .language-switch .language-flag[aria-pressed="true"]{background:transparent;box-shadow:none}
/* Portrait: reserve the logo width; push date and flags to the right edge. */
@media (orientation:portrait){
 html body header.brand[class]{display:grid;grid-template-columns:clamp(64px,18vw,150px) minmax(0,1fr) max-content minmax(24px,max-content);align-items:center;justify-content:stretch;gap:8px;height:auto;overflow:visible;padding:8px 12px 8px 52px!important}
 html body header.brand[class]>img[src]{grid-column:1;grid-row:1;justify-self:start;margin:0;width:100%!important;min-width:0;max-width:150px!important;height:auto!important;object-fit:contain}
 html body header.brand[class]>.brand-label{display:none}
 html body header.brand[class]>.date{display:block;grid-column:3;grid-row:1;margin:0;font-size:12px;white-space:nowrap;text-align:right}
 html body header.brand[class]>.language-switch{position:static;grid-column:4;grid-row:1;justify-self:end;min-width:0;max-width:min(35vw,440px);width:100%;justify-content:flex-end}
 html body header.brand[class] #client-language-flags{min-width:0;max-width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 html body header.brand[class] .language-flag{flex:0 0 auto}
}