/* Only the new control is styled in English. Existing layout remains untouched. */
#fi-language-tools{position:fixed;inset:auto auto max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));z-index:2147483000;font:14px/1.4 Arial,sans-serif;color:#fff;direction:ltr}
#fi-language-tools *{box-sizing:border-box}
#fi-language-tools button,#fi-language-tools input{font:inherit}
#fi-language-tools button{cursor:pointer}
#fi-language-tools [hidden]{display:none!important}
#fi-language-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid #57a922;border-radius:30px;background:#070d07;color:#fff;box-shadow:0 4px 20px #0007;transition:background .18s,border-color .18s}
#fi-language-toggle:hover{background:#142510;border-color:#86cf38}
#fi-language-tools svg{width:20px;height:20px;flex:none;stroke:#85cc44;fill:none;stroke-width:1.6}
#fi-language-tools button:focus-visible,#fi-language-tools input:focus-visible{outline:2px solid #a5ea62;outline-offset:3px}
#fi-language-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:#080d08;border:1px solid #57a922;border-radius:22px;padding:24px;box-shadow:0 20px 100px #000c}
#fi-language-backdrop{position:fixed;inset:0;background:#000a;backdrop-filter:blur(5px)}
#fi-language-heading{margin:0 40px 18px 0;font-size:24px;line-height:1.2;font-weight:700;color:#fff}
#fi-language-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid #37522d;border-radius:50%;background:#101810;color:white;font-size:25px}
#fi-language-search{width:100%;height:44px;margin:0 0 18px;border:1px solid #3c5e2c;border-radius:10px;padding:10px 12px;background:#050805;color:#fff}
#fi-language-tools h3{font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:#86c94e;margin:18px 0 8px}
#fi-language-tools .fi-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#fi-language-tools .fi-language-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:58px;text-align:left;padding:9px 32px 9px 12px;border:1px solid #273d22;border-radius:10px;background:#0c130b;color:#fff;transition:background .18s,border-color .18s}
#fi-language-tools .fi-language-option:hover{background:#172810;border-color:#66ab38}
#fi-language-tools .fi-language-option[aria-pressed="true"]{border-color:#8bd34e;background:#1c3013}
#fi-language-tools .fi-language-option[aria-pressed="true"]:after{content:'✓';position:absolute;right:12px;color:#a3e768}
#fi-language-tools .fi-language-option small{font-size:11px;line-height:1.3;color:#a8b5a2;margin-top:2px}
#fi-language-note{font-size:12px;line-height:1.6;color:#b2bdae;margin:20px 0 0;border-top:1px solid #273d22;padding-top:14px}
#fi-language-status{position:fixed;left:18px;bottom:78px;max-width:min(350px,calc(100vw - 36px));padding:12px 16px;border:1px solid #6faa42;border-radius:12px;background:#0b1309;color:#fff}
/* English boxes are measured in the current responsive layout. Translation
   fitting changes type size, never card dimensions or section positions. */
html[data-fi-language]:not([data-fi-language="en"]) [data-fi-box]{overflow:visible;overflow-wrap:normal;hyphens:manual}
.fi-image-labels{position:absolute;inset:0;z-index:2;pointer-events:none;container-type:inline-size}
.fi-image-labels[hidden]{display:none!important}
.fi-image-label{position:absolute;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;background:#000;color:#fff;font-family:Arial,sans-serif;font-weight:600;line-height:1.13;white-space:normal;text-align:left;padding:0}
.fi-image-label>*{margin:0;max-width:100%}
.fi-image-label:before{content:'';position:absolute;inset:-1px;background:inherit;z-index:-1}
@media(max-width:480px){#fi-language-tools{left:12px;bottom:max(12px,env(safe-area-inset-bottom))}#fi-language-toggle{padding:9px 12px;gap:7px}#fi-language-dialog{padding:20px 16px;border-radius:18px}#fi-language-heading{font-size:22px}}
/* Keep footer links above the fixed language button on phones. */
@media(max-width:760px){body:is(.home-page,[data-replica-page]) footer.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){#fi-language-tools *{transition:none!important;scroll-behavior:auto!important}}
