.plan {
  background: var(--color-tertiary-or-base-bg);
  color: var(--color-tertiary-or-base-fg);
  margin-inline: var(--2);

  @media (min-width: 900px) {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--2);
    grid-template-areas: "main map";
    max-width: var(--max);
  }
  @media (min-width: 1921px) {
    margin-inline: auto;
  }
  @media (max-width: 999px) {
    margin-inline: 0;
  }
  margin-block: var(--vertical-outer);
  border-radius: var(--curvynes);
  overflow: hidden;
}

.plan__main {
  margin: auto 0;
  grid-area: main;
  padding: 0 var(--2);
  overflow: hidden;
  &::before {
    content: "";
    display: block;
    margin-bottom: var(--2);
  }
  &::after {
    content: "";
    display: block;
    margin-top: var(--2);
  }
}

.plan__subtitle {
  margin-bottom: 2em;
}

.plan__map {
  grid-area: map;
  img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}