.foreign-language-hub__filters{background:linear-gradient(135deg,#f8fbff,#fff 58%,#fff7f8);border:1px solid #dbe4ef;border-radius:1.35rem;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:1rem 1.25rem;width:min(100%,80rem);margin:0 auto 1.5rem;padding:1.15rem;display:grid;box-shadow:0 14px 38px #0f172a14}.foreign-language-hub__filter-group{border:0;min-width:0;margin:0;padding:0}.foreign-language-hub__filter-label{color:#334155;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:850;display:block}.foreign-language-hub__language-trigger{color:#172033;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;grid-template-columns:2.4rem minmax(0,1fr) 1.25rem;align-items:center;gap:.75rem;width:100%;min-height:3.3rem;padding:.5rem .8rem;display:grid;box-shadow:0 3px 10px #0f172a0f}.foreign-language-hub__language-trigger:focus-visible,.foreign-language-hub__gender button:focus-visible,.foreign-language-hub__language-option:focus-visible,.foreign-language-hub__load-more button:focus-visible,.foreign-language-hub__selector-header button:focus-visible{outline-offset:3px;outline:3px solid #0879d947}.foreign-language-hub__trigger-icon{color:#0879d9;background:#eff6ff;border-radius:.8rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.foreign-language-hub__trigger-icon svg,.foreign-language-hub__trigger-chevron,.foreign-language-hub__search svg,.foreign-language-hub__option-all svg,.foreign-language-hub__selector-header button svg,.foreign-language-hub__directory a>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.2rem;height:1.2rem}.foreign-language-hub__trigger-chevron{color:#64748b}.foreign-language-hub__gender>div{background:#edf2f7;border:1px solid #dbe4ef;border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.3rem;display:grid}.foreign-language-hub__gender button{color:#526174;cursor:pointer;background:0 0;border:0;border-radius:.75rem;min-height:2.75rem;padding:.55rem .7rem;font-weight:800}.foreign-language-hub__gender button.is-selected{color:#172033;background:#fff;box-shadow:0 3px 10px #0f172a17}.foreign-language-hub__result-status{color:#64748b;grid-column:1/-1;margin:-.2rem 0 0;font-size:.86rem}.foreign-language-hub__selector{color:#172033;background:0 0;border:0;border-radius:1.5rem;width:min(40rem,100vw - 2rem);max-height:min(46rem,100vh - 3rem);padding:0;box-shadow:0 30px 90px #0f172a4d}.foreign-language-hub__selector::backdrop{backdrop-filter:blur(4px);background:#0f172a8a}.foreign-language-hub__selector-panel{border-radius:inherit;background:#fff;border:1px solid #ffffffbf;overflow:hidden}.foreign-language-hub__selector-header{background:linear-gradient(135deg,#f8fbff,#fff7f8);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.foreign-language-hub__selector-header p,.foreign-language-hub__selector-header span{margin:0}.foreign-language-hub__selector-header p{font-size:1.05rem;font-weight:900}.foreign-language-hub__selector-header span{color:#64748b;margin-top:.15rem;font-size:.78rem;display:block}.foreign-language-hub__selector-header button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:.85rem;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.foreign-language-hub__search{margin:1rem 1.1rem .7rem;display:block;position:relative}.foreign-language-hub__search svg{z-index:1;color:#64748b;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.foreign-language-hub__search input{color:#172033;width:100%;min-height:3rem;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.9rem;padding:.65rem .85rem .65rem 2.75rem}.foreign-language-hub__language-options{overscroll-behavior:contain;gap:.4rem;max-height:min(31rem,100vh - 13rem);padding:.25rem 1.1rem 1.1rem;display:grid;overflow:auto}.foreign-language-hub__language-option{color:#172033;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.9rem;grid-template-columns:2.75rem minmax(0,1fr) 1.4rem;align-items:center;gap:.75rem;width:100%;min-height:3.45rem;padding:.5rem .65rem;display:grid}.foreign-language-hub__language-option:hover,.foreign-language-hub__language-option.is-selected{background:#eff6ff;border-color:#bfdbfe}.foreign-language-hub__language-option[hidden]{display:none}.foreign-language-hub__language-option .language-flag{border-radius:50%;width:2.75rem;height:2.75rem;box-shadow:0 2px 8px #0f172a1f}.foreign-language-hub__language-option strong,.foreign-language-hub__language-option small{display:block}.foreign-language-hub__language-option strong{overflow-wrap:anywhere}.foreign-language-hub__language-option small{color:#64748b;margin-top:.12rem;font-size:.74rem}.foreign-language-hub__option-all{color:#0879d9;background:#fff;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 2px 8px #0f172a1a}.foreign-language-hub__option-check{color:#0879d9;opacity:0;font-weight:900}.foreign-language-hub__language-option.is-selected .foreign-language-hub__option-check{opacity:1}.foreign-language-hub__load-more{justify-content:center;padding:1.5rem .5rem .25rem;display:flex}.foreign-language-hub__load-more button{color:#172033;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:.65rem;min-height:3rem;padding:.7rem 1.15rem;font-weight:850;display:inline-flex;box-shadow:0 5px 16px #0f172a14}.foreign-language-hub__load-more button span{color:#0879d9}.foreign-language-hub__load-more button[hidden]{display:none}.foreign-language-hub__directory{background:#fff;border:1px solid #dbe4ef;border-radius:1.5rem;width:min(100%,80rem);margin:2.5rem auto 0;padding:clamp(1.1rem,2vw,1.7rem);box-shadow:0 16px 44px #0f172a14}.foreign-language-hub__directory>header{max-width:55rem;margin-bottom:1.25rem}.foreign-language-hub__directory>header p{color:#0879d9;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:900}.foreign-language-hub__directory>header h2{color:#172033;margin:0;font-size:clamp(1.35rem,2.4vw,2rem)}.foreign-language-hub__directory>header span{color:#64748b;margin-top:.45rem;line-height:1.6;display:block}.foreign-language-hub__directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.foreign-language-hub__directory a{color:#172033;border:1px solid #e2e8f0;border-radius:.95rem;grid-template-columns:2.7rem minmax(0,1fr) 1.2rem;align-items:center;gap:.75rem;min-width:0;padding:.65rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.foreign-language-hub__directory a:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.foreign-language-hub__directory .language-flag{border-radius:50%;width:2.7rem;height:2.7rem}.foreign-language-hub__directory strong,.foreign-language-hub__directory small{overflow-wrap:anywhere;display:block}.foreign-language-hub__directory small{color:#64748b;margin-top:.12rem;font-size:.74rem}.foreign-language-hub__directory a>svg{color:#94a3b8}@media (width<=63.99rem){.foreign-language-hub__directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.99rem){.foreign-language-hub__filters{border-radius:1.1rem;grid-template-columns:1fr;padding:.85rem}.foreign-language-hub__result-status{grid-column:1}.foreign-language-hub__selector{border-radius:1.4rem 1.4rem 0 0;width:100%;max-width:none;max-height:min(88vh,46rem);margin:auto 0 0}.foreign-language-hub__selector-panel{border-bottom-right-radius:0;border-bottom-left-radius:0}.foreign-language-hub__language-options{max-height:min(62vh,31rem);padding-bottom:max(1rem, env(safe-area-inset-bottom))}.foreign-language-hub__directory-grid{grid-template-columns:1fr}}@media (width<=22rem){.foreign-language-hub__filters{padding:.7rem}.foreign-language-hub__language-trigger{grid-template-columns:2.15rem minmax(0,1fr) 1rem;gap:.5rem;padding-inline:.55rem;font-size:.88rem}.foreign-language-hub__gender button{padding-inline:.35rem;font-size:.82rem}.foreign-language-hub__directory{padding:.8rem}}
