/* region — page styles (layout only). The header, facts and industry tiles it shares with the
   country page are in country.css. Tokens and shared components only (see docs/DESIGN.md). */
@layer pages {
  .region-page .page-head > .btn.go { flex: none; }
  .region-page .neighbours-table .who-cell small { margin-top: 1px; }
  .region-page .neighbours-table td:first-child { padding-left: 0; }
  .region-page .neighbours-table td:last-child { padding-right: 0; }
  .region-page .fact.interactive:disabled { cursor: progress; opacity: .7; transform: none; }

  @media (max-width: 560px) {
    .region-page .page-head > .btn.go { width: 100%; }
  }
}