
:root{--black:#050505;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}img{max-width:100%;display:block}
.site-switch{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font:600 12px/1.2 Arial,sans-serif;letter-spacing:.04em}
.site-switch a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.lang-mini{display:flex;gap:8px;flex-wrap:wrap;font:700 11px Arial,sans-serif;text-transform:uppercase}
.lang-mini span{border:1px solid currentColor;padding:4px 6px}
.kicker{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:760px){.site-switch{gap:9px;font-size:11px}.lang-mini{display:none}}

/* v30: style only the actual Support CTA.
   Do not target href substrings: on /support/ every language link points back to support/index.html?ui=...,
   which previously made inactive language labels white-on-white. */
.utility .global-support-cta{display:inline-flex;background:#000;color:#fff!important;text-decoration:none!important;padding:9px 13px;border:1px solid #000;transition:background .16s ease,color .16s ease}
.utility .global-support-cta:hover,.utility .global-support-cta:focus-visible{background:#fff;color:#000!important}
