/* col-layout */
.layout-wrapper {
  --col-count: 1;
  --gap: var(--sp6);
  --aside-min-width: 350px;
  --aside-width: 450px;
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(var(--col-count), 1fr);
}

/* aside */
.aside-content-layout {
  grid-template-columns: minmax(var(--aside-min-width), 1fr) 3fr;
}

/* layout-card-wrapper */
.layout-card-wrapper {
  --col-bg: var(--clr-white);
  --col-padding: var(--sp11);
}

.layout--card {
  background: var(--col-bg);
  padding: var(--col-padding);
}