/* International: Countries & Expats menu group + country pages (EN only). Loaded after main.css. */
@media(min-width:1241px){
 nav.main .intl-menu>.sub>li.intl-country-group>.sub{flex-direction:column;flex-wrap:nowrap;gap:2px}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:baseline;column-gap:10px;width:100%;min-width:0}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region>a{display:block;-webkit-line-clamp:unset;padding:4px 0;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:transparent;line-height:1.3}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region>a:hover{color:var(--gold)}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region>.sub{flex-direction:row;flex-wrap:wrap;gap:0 2px;min-width:0}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region>.sub>li{width:auto}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region>.sub a{display:inline-block;-webkit-line-clamp:unset;white-space:nowrap;padding:3px 7px;font-size:13.5px;line-height:1.35}
 nav.main .intl-menu>.sub>li.intl-country-group>.sub>li.intl-region>.subtoggle{display:none}
}
.intl-country .country-links{gap:1.5rem;margin-top:.6rem}
.intl-country .country-links h3{font-size:1rem;margin:.2rem 0 .5rem}
.intl-country .country-links ul{padding-left:1.1rem}
.intl-country .country-links li{margin:.3rem 0}
.intl-country a{overflow-wrap:break-word}
.country-checked{font-size:.85rem;color:#4a5a69;margin-top:.8rem}
.intl-country-index{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 1.2rem;margin:.6rem 0 1.4rem}
.intl-country-index li{padding:.55rem 0;border-bottom:1px solid var(--line)}
.intl-country-index span{display:block;font-size:.85rem;color:#4a5a69}
.intl-country-list{margin-top:1rem}
.intl-country-list p{margin:.35rem 0}
/* Keep the International mega panel and its links clear of the floating chat/accessibility buttons. */
@media(min-width:1241px){
 nav.main .intl-menu>.sub{max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain}
 body:has(nav.main .intl-menu:hover) :is(#slg-chat-btn,#slg-chat-teaser,#slg-a11y-btn),
 body:has(nav.main .intl-menu:focus-within) :is(#slg-chat-btn,#slg-chat-teaser,#slg-a11y-btn),
 body:has(nav.main .intl-menu.open) :is(#slg-chat-btn,#slg-chat-teaser,#slg-a11y-btn){visibility:hidden}
}
@media(max-width:1240px){
 body.nav-open:has(nav.main .intl-menu.open) :is(#slg-chat-btn,#slg-chat-teaser,#slg-a11y-btn){visibility:hidden}
}
