.layout {
  min-height: 100dvh;
  background-color: var(--Scandic-Brand-Warm-White);
}

.content {
  display: grid;
  gap: var(--Spacing-x3) var(--Spacing-x9);
  grid-template-columns: 1fr 340px;
  grid-template-rows: auto 1fr;
  margin: var(--Spacing-x5) auto 0;
  padding-top: var(--Spacing-x6);
  /* simulates padding on viewport smaller than --max-width-navigation */
  width: min(
    calc(100dvw - (var(--Spacing-x2) * 2)),
    var(--max-width-navigation)
  );
}

.summary {
  align-self: flex-start;
  grid-column: 2 / 3;
  grid-row: 1/-1;
}