.preference-trigger { min-inline-size:44px; min-block-size:44px; padding:.35rem .55rem; color:inherit; background:transparent; border:1px solid #ffffff65; border-radius:4px; cursor:pointer; font:inherit; }
.language-picker { gap:.4rem; align-items:center; }
.preferences-dialog { margin:auto; inline-size:min(34rem,calc(100% - 2rem)); max-block-size:calc(100dvh - 2rem); overflow-y:auto; padding:1.25rem; border:1px solid #8c7971; border-radius:12px; background:#292424; color:#f5f1eb; font:1rem/1.65 Arial,Helvetica,sans-serif; }
.preferences-dialog::backdrop { background:rgb(0 0 0 / .72); }
.preferences-head { display:flex; gap:1rem; align-items:flex-start; margin-block-end:1rem; }
.preferences-head h2 { flex:1; min-inline-size:0; font:1.4rem/1.35 Georgia,serif; overflow-wrap:break-word; }
.preferences-close { flex:0 0 44px; inline-size:44px; block-size:44px; font-size:1.75rem; line-height:1; border-radius:50%!important; }
.preferences-dialog button { color:inherit; border:1px solid #8c7971; background:transparent; cursor:pointer; padding:.5rem .75rem; min-block-size:44px; font-family:inherit; font-size:inherit; border-radius:5px; }
.preferences-dialog .preferences-close { font-size:1.75rem; padding:0; }
.language-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.language-options button { white-space:normal; overflow-wrap:break-word; }
.preferences-dialog button[aria-pressed=true] { background:#6f1922; border-color:#f5f1eb; }
.preferences-dialog :focus-visible,.preference-trigger:focus-visible,.accessibility-footer:focus-visible { outline:2px solid #f5f1eb; outline-offset:3px; }
.preferences-dialog fieldset { border:0; margin:0 0 1.25rem; padding:0; min-inline-size:0; }
.preferences-dialog legend { margin-block-end:.5rem; font-weight:bold; }
.text-size-options { display:flex; flex-wrap:wrap; gap:.5rem; }
.motion-option { display:flex; align-items:center; gap:.75rem; cursor:pointer; min-block-size:44px; }
.motion-option input { inline-size:24px; block-size:24px; flex:0 0 24px; accent-color:#b62531; }
.preferences-dialog p { margin-block:.75rem; }
.accessibility-footer { display:block; margin:1rem auto 0; padding:.5rem 1rem; min-block-size:44px; color:inherit; background:transparent; border:1px solid #8c7971; border-radius:4px; font:inherit; cursor:pointer; }
html[data-fyv-motion=off],html[data-fyv-motion=off] * { scroll-behavior:auto!important; }
html[data-fyv-motion=off] *,html[data-fyv-motion=off] *::before,html[data-fyv-motion=off] *::after { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) { html,html * { scroll-behavior:auto!important; } *,*::before,*::after { animation:none!important; transition:none!important; } }
/* Preserve the existing header while allowing translated/enlarged controls to wrap. */
@media(max-width:900px) { nav { flex-wrap:wrap; gap:.6rem!important; } .language-picker { margin-left:auto; } }
@media(max-width:390px) { nav { padding-inline:12px!important; } .nav-logo { white-space:normal!important; } }
html[style*="font-size"] nav { flex-wrap:wrap; gap:1rem; }
html[lang=zh-Hans] .nav-links a { letter-spacing:normal; }

.dish-original { font-size:.875rem; line-height:1.5; color:#c5bbb4; margin-block:.25rem; }
.section-title > span { overflow-wrap:anywhere; }
.wd-progress li { min-inline-size:0; overflow-wrap:anywhere; }
