.plan {
  background: var(--color-tertiary-or-base-bg);
  color: var(--color-tertiary-or-base-fg);
  @media (min-width: 900px) {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--2);
    grid-template-areas: 'main map';
    max-width: var(--max);
    margin-left: auto;
    margin-right: auto;
  }
  margin: var(--vertical-outer) 0;
}

.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;
  }
}