/* Language menu (all pages): a <details> dropdown, works without JS, desktop and mobile. */
.langs{position:relative}
.langs summary{list-style:none;cursor:pointer;font-size:13px;color:#C9D0DD;padding:9px 10px;border:1px solid var(--line-ink,#2A3650);border-radius:2px;white-space:nowrap}
.langs summary::-webkit-details-marker{display:none}
.langs summary:hover,.langs[open] summary{color:var(--paper,#fff)}
.mast .langs nav{position:absolute;right:0;top:calc(100% + 10px);display:flex;flex-direction:column;gap:0!important;min-width:200px;max-height:70vh;overflow:auto;background:var(--ink,#0F1A2B);border:1px solid var(--line-ink,#2A3650);padding:8px 0;z-index:31}
html[dir=rtl] .mast .langs nav{right:auto;left:0}
.mast .langs nav a{display:block;padding:10px 18px;font-size:15px;color:#C9D0DD;text-decoration:none;text-align:start}
.mast .langs nav a:hover{color:var(--paper,#fff);background:var(--ink-2,#16243A)}
.mast .langs nav a[aria-current]{color:var(--paper,#fff);font-weight:600}
.en-only{width:100%;margin-top:8px;font-size:13px;opacity:.85}
/* phones: header CTA on one line in every language (Thai/Arabic wrapped); globe keeps only the icon on narrow screens */
@media (max-width:560px){.mast .cta-top{white-space:nowrap;padding:9px 10px}.mast .right{gap:8px}.mast .wrap{gap:10px}.langs summary{padding:9px 8px}}
@media (max-width:420px){.langs .lc{display:none}.mast .brand{font-size:20px}.mast .right{gap:6px}.mast .mnav summary{padding-left:8px;padding-right:8px;white-space:nowrap}.mast .cta-top{font-size:12px;padding:9px 8px}}
@media (max-width:400px){html:is([lang=es],[lang=fr],[lang=id],[lang=ja]) .mast .cta-top{white-space:normal;text-wrap:balance;text-align:center;line-height:1.15;width:112px;flex-shrink:0;padding:6px 8px}}
@media (max-width:400px){html[lang=ja] .mast .cta-top{width:100px}html[lang=ja] .mast .mnav summary{font-size:12px}}
/* phones: anchor the open language menu to the sticky header, never off-screen (Thai CTA is wider and pushed it past the left edge) */
@media (max-width:560px){.mast .langs{position:static}.mast .langs nav{top:100%;right:auto;left:8px;max-width:calc(100vw - 16px)}html[dir=rtl] .mast .langs nav{left:auto;right:8px}}
/* a11y (fix2): skip link, visible keyboard focus on form fields */
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:#0F1A2B;color:#fff;padding:10px 14px;font-size:15px;text-decoration:none;border:2px solid #fff}
.skip:focus{top:8px}
html[dir=rtl] .skip{left:auto;right:8px}
form.form input:focus-visible,form.form select:focus-visible,form.form textarea:focus-visible{outline:2px solid var(--stamp,#B5452B);outline-offset:2px}