.baf-country-links { display: flex; align-items: center; flex-shrink: 0; align-self: center; background: #f1f3f5; border-radius: 4px; }
    .baf-country-links a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; box-sizing: border-box; border: 2px solid transparent; border-radius: 4px; color: #17678e; }
    .baf-country-links svg { display: block; width: 22px; height: 18px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); }
    /* svg.earth, not .earth: has to out-rank the sign-in theme's ".su-card-login .baf-country-links svg" radius */
    .baf-country-links svg.earth { height: 22px; border-radius: 50%; }
    .baf-country-links svg.organization { height: 22px; box-shadow: none; }
    .baf-country-links a:hover { background: #e1e8ed; }
    .baf-country-links a[aria-current="true"] { border-color: #17678e; }
    .baf-country-links a:focus-visible { outline: 2px solid #17678e; outline-offset: -2px; }
    /* instant name tooltip under the flag (data-title, so no delayed native tooltip doubles it) */
    .baf-country-links a { position: relative; }
    .baf-country-links a::after {
        content: attr(data-title); position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(-3px);
        background: #1f2a44; color: #fff; font: 600 .72rem/1 'Quicksand', sans-serif; padding: .4rem .6rem; border-radius: 6px;
        white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .12s ease, transform .12s ease; z-index: 5;
    }
    .baf-country-links a:hover::after, .baf-country-links a:focus-visible::after { opacity: 1; transform: translateX(-50%) translateY(0); }
/* Account utility pages share the login page's brand band and card navigation. */
.su-card-account .su-head { display: grid; gap: .85rem; justify-items: center; }
.su-card-account .su-title { margin: 0; }
.su-card-account .baf-country-links { gap: 4px; padding: 4px; border-radius: 12px; }
@media (max-width: 575px) {
    .su-card .baf-country-links { gap: 2px; padding: 4px; max-width: 100%; }
    .su-card .baf-country-links a { width: 26px; height: 32px; }
    .su-card .baf-country-links svg { width: 20px; }
}