.ht-language-selector{position:relative;flex:none;margin:0;color:#e2e8f0;font:500 .875rem/1.5 ui-sans-serif,system-ui,sans-serif}
.ht-language-selector>summary{display:flex;align-items:center;justify-content:center;gap:.45rem;min-width:84px;min-height:44px;padding:.5rem .65rem;border:1px solid #334155;border-radius:.65rem;background:#0f172a;color:#e2e8f0;cursor:pointer;list-style:none;white-space:nowrap}
.ht-language-selector>summary::-webkit-details-marker{display:none}
.ht-language-selector>summary:hover,.ht-language-selector[open]>summary{background:#1e293b;color:#6ee7b7;border-color:#475569}
.ht-language-selector[open] .ht-language-chevron{transform:rotate(180deg)}
.ht-language-selector .ht-language-options{position:absolute;z-index:60;right:0;top:calc(100% + .5rem);width:200px;max-width:calc(100vw - 2rem);padding:.4rem;background:#0f172a;border:1px solid #334155;border-radius:.85rem;box-shadow:0 16px 36px #02061788}
.ht-header .ht-language-options a{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.65rem .85rem;border-radius:.5rem;color:#e2e8f0;font-size:.875rem;text-decoration:none}
.ht-header .ht-language-options a:hover{background:#1e293b;color:#6ee7b7}
.ht-header .ht-language-options a[aria-current="page"]{background:#064e3b;color:#6ee7b7}
.ht-language-selector>summary:focus-visible,.ht-language-options a:focus-visible{outline:3px solid #6ee7b7;outline-offset:3px}
@media(max-width:639px){.ht-header>div{gap:8px}}
@media(min-width:1024px) and (max-width:1279px){.ht-header>div{gap:8px}.ht-header>div>nav{gap:0}.ht-header>div>nav>a,.ht-header>div>nav>details>summary{padding-left:4px;padding-right:4px;font-size:.75rem}}
/* Keep the two right-hand header actions aligned, including their borders. */
.ht-header>div>nav>a[href="/#audit-form"],.ht-language-selector>summary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px}
/* A language hint floats beneath the header without moving the hero/content. */
.ht-language-suggestion{position:fixed;z-index:30;top:var(--ht-language-suggestion-top,82px);right:28px;box-sizing:border-box;width:min(300px,calc(100vw - 32px));padding:18px 52px 10px 18px;border:1px solid #475569;border-left:3px solid #34d399;border-radius:14px;background:#0f172a;box-shadow:0 12px 35px #02061777;color:#e2e8f0;font:14px/1.5 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}
.ht-language-suggestion[hidden]{display:none}
.ht-language-suggestion p{margin:0}.ht-language-suggestion strong{font-weight:600;color:#fff}
.ht-language-suggestion a{display:inline-flex;align-items:center;min-height:44px;color:#6ee7b7;font-weight:600;text-decoration:none;gap:.2rem}
.ht-language-suggestion a:hover{text-decoration:underline;text-underline-offset:3px}
.ht-language-suggestion button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#94a3b8;font:24px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.ht-language-suggestion button:hover{background:#1e293b;color:#fff}
.ht-language-suggestion :is(a,button):focus-visible{outline:3px solid #6ee7b7;outline-offset:2px}
@media(max-width:600px){.ht-language-suggestion{right:16px;width:min(280px,calc(100vw - 32px));padding:12px 48px 4px 14px;font-size:13px}}