@media(max-width:700px){
.reference-main .reference-back{display:table;margin-left:auto;margin-right:0;margin-bottom:7px}
.reference-main .reference-intro-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:9px}
.reference-main .reference-copy h1{margin:0;font-size:clamp(26px,7vw,32px);line-height:1.1}
.reference-main .reference-stat-card{display:inline-flex;justify-self:auto;width:auto;max-width:none;min-width:0;min-height:0;padding:6px 10px;border-radius:999px;box-shadow:none}
.reference-main .reference-stat-card>div{display:flex;align-items:center;gap:4px}
.reference-main .hero-stat{font-size:13px;line-height:1;font-weight:800}
.reference-main .reference-stat-card p{margin:0;font-size:11px;line-height:1.15;font-weight:650}
.reference-main .toolbar{padding:8px;margin-bottom:10px}
.reference-main .filter-row{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;gap:6px;padding-bottom:3px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.reference-main .filter-btn{flex:0 0 auto;white-space:nowrap;min-height:36px;padding:7px 11px}
}@media(max-width:700px){
.reference-main .reference-copy{display:none!important}
.reference-main .reference-intro-row{display:flex!important;justify-content:flex-start!important;align-items:center!important;min-height:0!important;margin:0 0 9px!important;padding:0!important}
.reference-main .reference-stat-card{margin:0!important}
}
@media(max-width:700px){
.reference-main #countryFilters{justify-content:flex-start!important;scrollbar-width:none!important}
.reference-main #countryFilters::-webkit-scrollbar{display:none!important}
}
@media(max-width:700px){
.reference-main{position:relative!important}
.reference-main .reference-back{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;display:inline-flex!important;align-items:center!important;margin:0!important}
.reference-main .reference-intro-row{padding:0!important;margin:0 0 9px!important;min-height:32px!important}
.reference-main .reference-stat-card{max-width:calc(100% - 160px)!important}
}
/* All seven regions remain visible on phones; compact labels retain a 40px tap target. */
@media(max-width:700px){
.reference-main .reference-stat-card{padding:7px 10px!important}
.reference-main #countryFilters{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,40px)!important;
  gap:6px!important;
  overflow:visible!important;
  padding:0!important;
  justify-content:stretch!important;
}
.reference-main #countryFilters .filter-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:4px 5px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.reference-main #countryFilters .filter-btn:nth-child(1){grid-column:span 2}
.reference-main #countryFilters .filter-btn:nth-child(2){grid-column:span 3}
.reference-main #countryFilters .filter-btn:nth-child(3){grid-column:span 3}
.reference-main #countryFilters .filter-btn:nth-child(4){grid-column:span 4}
.reference-main #countryFilters .filter-btn:nth-child(5){grid-column:span 5}
.reference-main #countryFilters .filter-btn:nth-child(6){grid-column:span 4}
.reference-main #countryFilters .filter-btn:nth-child(7){grid-column:span 3}
}
@media(max-width:360px){
.reference-main #countryFilters .filter-btn{font-size:10px!important;padding-inline:3px!important}
}
/* Tighter vertical rhythm and region labels 10% larger than v7. */
@media(max-width:700px){
.reference-main .toolbar{padding:5px 8px!important;row-gap:4px!important}
.reference-main #countryFilters{row-gap:4px!important;column-gap:6px!important}
.reference-main #countryFilters .filter-btn{font-size:11.55px!important;padding:3px 4px!important}
}
@media(max-width:360px){
.reference-main #countryFilters .filter-btn{font-size:11px!important;padding-inline:2px!important}
}
/* Keep the back link above the intro row so touchscreen hit testing reaches it. */
@media(max-width:700px){
.reference-main .reference-back{z-index:20!important;pointer-events:auto!important}
.reference-main .reference-intro-row{z-index:1!important}
}