@media (max-width: 760px) {
  .atlas-phone-panel { margin-bottom: 16px; }
  .atlas-phone-heading { margin: 0 0 6px; font-size: 18px; font-weight: 600; }

  .atlas-phone-region {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--rule);
  }

  .atlas-map-phone :is(.map-title-tab, .map-frame-title) { display: none; }

  .country-map .atlas-phone-panel[data-map-frame="overview"] {
    width: 220px;
    max-width: 100%;
    margin-left: auto;
  }

  .country-map .atlas-map-phone :is(.map-provinces, .map-roads, .map-lake-name) {
    display: block;
  }

  .country-map .atlas-map-phone .map-active { opacity: .3; }

  .country-map .atlas-map-phone .map-provinces {
    stroke: var(--ink-faint);
    stroke-width: .65;
    opacity: .65;
  }

  .country-map .atlas-map-phone .map-roads {
    stroke: var(--ink-faint);
    stroke-width: .6;
    opacity: .7;
  }

  .country-map .atlas-map-phone .map-lake-name { font-size: 11px; }
}