body.av-doc.av-page-region .region-map-art {
  width: min(100%, 440px);
  height: auto;
  aspect-ratio: 10 / 7;
  display: block;
  color: var(--au-2);
  overflow: visible;
}

body.av-doc.av-page-region .region-hero-media {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.av-doc.av-page-region .region-hero-media .region-map-art {
  flex: 1 1 auto;
  min-width: 0;
}

body.av-doc.av-page-region .region-emblem {
  display: block;
  flex: 0 0 clamp(92px, 9vw, 120px);
  width: clamp(92px, 9vw, 120px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .35));
}

body.av-doc.av-page-region .region-map-art__radar {
  fill: none;
  stroke: var(--au-2);
  stroke-width: 1;
  stroke-dasharray: 4 7;
  opacity: .28;
}

body.av-doc.av-page-region .region-map-art__region {
  fill: rgba(90, 145, 230, .07);
  fill-rule: evenodd;
  stroke: rgba(178, 216, 255, .28);
  stroke-width: .55;
  vector-effect: non-scaling-stroke;
}

body.av-doc.av-page-region .region-map-art__region-set.is-selected .region-map-art__region {
  fill: url(#rp-map-focus);
  stroke: url(#rp-map-line);
  stroke-width: 1.8;
  filter: drop-shadow(0 0 12px rgba(84, 210, 255, .42)) drop-shadow(0 0 22px rgba(188, 108, 255, .24));
}

body.av-doc.av-page-region .region-map-art__focus {
  fill: var(--au-2);
  stroke: var(--au-1);
  stroke-width: 1.5;
  opacity: .9;
}

@media (max-width: 760px) {
  body.av-doc.av-page-region .region-map-art {
    width: min(78vw, 320px);
    margin-inline: 0;
  }

  body.av-doc.av-page-region .region-emblem {
    flex-basis: 76px;
    width: 76px;
  }
}