/*
xs: 576px,
sm: 768px,
md: 992px,
lg: 1200px
*/

.article.container {
  --span: calc(var(--grid-ratio) - 2);
  grid-column: 2 / span var(--span);
}

  .article__title {
    font-size: var(--text-lg);
    font-weight: 900;
    line-height: 0.95;
    text-wrap: balance;
    margin: calc(var(--spacer) * 2) 0;
  }

.article .wp-block-heading {
  font-weight: 900;
  margin: var(--spacer) 0;
  padding-bottom: calc(var(--spacer) / 2); 
}

.article .wp-block-heading.label {
  font-size: var(--text-sm);
  font-weight: 900;
  margin: calc(var(--spacer) * 2) 0;
}

.article h2.wp-block-heading {
  font-size: var(--text-md);
  margin: calc(var(--spacer)*2) 0;
  margin-bottom: calc(var(--spacer)*1);
  border-bottom: 8px solid white;
}

.article h3.wp-block-heading {
  font-size: var(--text-base);
  border-bottom: 1px dotted white;
}

.article p {
  margin-bottom: calc(var(--spacer) / 2);
}

.article strong {
  font-weight: 700;
}

.article  ul {
  margin: var(--spacer) 0;
  margin-bottom: calc(var(--spacer) * 2);
}

.article ul.article__list {
  list-style: disc;
  list-style-position: inside;
  margin: var(--spacer) 0;
}

.aside {
    grid-column: 2 / span calc(var(--grid-ratio) - 1);
    margin-top: calc(var(--spacer) * 2);
}

.widget {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


@media (min-width: 1200px) {
  .article.container {
    margin-top: var(--spacer);
    grid-column: 2 / span calc(var(--grid-ratio)/2);
  }

  .article__title {
    font-size: var(--text-xl);
  }

  .aside {
    grid-column: 2 / span calc(var(--grid-ratio)/2);
    margin-top: calc(var(--spacer) * 2);
  }
}