/* Presentational state labels for the rent payment article's regional photo. */
.publication-reader .rent-regional-scene {
  position: relative;
}
.publication-reader .rent-regional-scene > img {
  display: block;
}
#main-content .publication-reader :is(.res-prose,.pnb-prose) .rent-regional-scene .rent-region-cards {
  position: absolute;
  inset: 8% auto 8% 4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  width: min(12rem, 40%);
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-content .publication-reader :is(.res-prose,.pnb-prose) .rent-regional-scene .rent-region-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 10px 46px 10px 12px;
  border: 2px solid var(--border-hairline, #e1e4ea);
  border-left: 3px solid var(--brand-purple-ink, #6b48e0);
  border-radius: 4px;
  background: var(--surface, #fff);
  color: var(--text, #1b1c1a);
  line-height: 1.5;
}
.publication-reader .rent-region-card::before { content: none; }
.publication-reader .rent-region-card > strong { font-size: 1rem; }
.publication-reader .rent-region-card > span {
  font-size: .875rem;
  color: var(--text-muted, #556274);
}
#main-content .publication-reader :is(.res-prose,.pnb-prose) .rent-regional-scene .rent-region-card > .rent-region-check {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 24px;
  height: 24px;
  margin: 0;
  transform: translateY(-50%);
}
@media (max-width: 640px) {
  #main-content .publication-reader :is(.res-prose,.pnb-prose) .rent-regional-scene .rent-region-cards {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    gap: 8px;
    padding: 8px 0;
  }
  #main-content .publication-reader :is(.res-prose,.pnb-prose) .rent-regional-scene .rent-region-card {
    flex: 1 1 9rem;
    padding: 8px 46px 8px 12px;
  }
}
@media print {
  #main-content .publication-reader :is(.res-prose,.pnb-prose) .rent-regional-scene .rent-region-cards {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    margin-block: 8px;
  }
}