/* Compact, clearly interactive country principles. */
.countriesPage .principleGrid>a{
  position:relative;display:block;min-width:0;padding:clamp(22px,3vw,38px);
  color:inherit;text-decoration:none;background:rgba(255,255,255,.025);
  border-right:1px solid var(--line);transition:background .2s,transform .2s;
}
.countriesPage .principleGrid>a:last-child{border-right:0}
.countriesPage .principleGrid>a::after{content:'↗';position:absolute;right:20px;top:20px;color:var(--green);font-size:20px}
.countriesPage .principleGrid>a:hover,.countriesPage .principleGrid>a:focus-visible{background:rgba(126,190,161,.12);outline:2px solid var(--green);outline-offset:-2px;transform:translateY(-2px)}
.countriesPage .principleGrid>a h3{margin-block:18px 10px!important}
.countriesPage .principleGrid>a p{margin:0!important}
.countriesPage .countryMapCompact [data-map-country]{cursor:pointer}
.countriesPage .countryMapCompact [data-map-country]:focus-visible{outline:none;filter:drop-shadow(0 0 15px #d8ec85);opacity:1}
.countriesPage .countryMapCompact{cursor:pointer}
@media(max-width:900px){
 .countriesPage .principleGrid>a{padding:22px 56px 22px 22px;border-right:0;border-bottom:1px solid var(--line)}
 .countriesPage .principleGrid>a:last-child{border-bottom:0}
 .countriesPage .principleGrid>a h3{font-size:clamp(24px,7vw,31px)!important;margin-block:9px 7px!important}
 .countriesPage .principleGrid>a p{font-size:15px!important;line-height:1.45!important}
}