/* Native language picker: change loads immediately; text fallback without JS. */
.site-language-picker {
    align-items: center; background: var(--white, #fff8ef); border: 1px solid var(--maze-soft, rgba(82,53,33,.16));
    border-radius: 999px; color: var(--text); display: inline-flex; gap: 4px;
    max-width: 100%; min-width: 0; padding-inline: 12px;
}
.site-language-picker select {
    background: transparent; border: 0; color: inherit; cursor: pointer; font: inherit;
    font-size: 14px; max-width: min(52vw, 220px); min-height: 44px; min-width: 0; padding: 6px;
}
.site-language-picker button {
    background: transparent; border: 0; color: var(--maze); cursor: pointer;
    font: inherit; font-size: 14px; min-height: 44px; padding: 6px;
}
.site-language-picker :focus-visible { outline: 3px solid var(--maze); outline-offset: 2px; }
.site-language-globe { font-size: 23px; line-height: 1; }
.site-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.topbar, .topbar-actions, .nav, .fb-meta { flex-wrap: wrap; }
.brand, .brand-copy, .hero-copy, .section-grid > *, .summary > * { min-width: 0; }
h1, h2, h3, p, a, button, label, legend { overflow-wrap: anywhere; }
.fb-body, .fb-from { unicode-bidi: plaintext; }
.fb-date { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: normal; }
[dir="rtl"] .home-chip::before { transform: rotate(225deg); }
.site-back::before { content: "←"; display: inline-block; margin-inline-end: 6px; }
[dir="rtl"] .site-back::before { content: "→"; }
.fb-fab { left: auto; right: auto; inset-inline-start: 18px; }
.fb-panel { left: auto; right: auto; inset-inline-start: 0; }
@supports (padding: env(safe-area-inset-bottom)) {
    .fb-fab { inset-inline-start: calc(18px + env(safe-area-inset-left)); }
    [dir="rtl"] .fb-fab { inset-inline-start: calc(18px + env(safe-area-inset-right)); }
}
@media (max-width: 640px) {
    .topbar, .topbar-actions { max-width: 100%; }
    .site-language-picker { flex-shrink: 1; }
}