img {
  border-radius: var(--border-radius-standard);
}

.maxwidth-handler,
.width--full {
  --mw-padding-inline: 1rem;
  --mw-content-maxwidth: 90ch;
  --mw-breakout-maxwidth: 95ch;
}

.nav-home {
  padding-top: var(--space-base);
}

h2 {
  font-size: var(--font-size-3xl);
}

h3 {
  font-size: var(--font-size-2xl);
}

h4 {
  font-size: var(--font-size-xl);
}

.article__cover {
  width: 100%;
  height: 30rem;
  border-radius: 10px;
  margin-top: 4.5rem;
  padding: var(--space-base);
  padding-top: .2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  position: fixed;
  transition: padding var(--transition-standard), filter var(--transition-standard), margin-top var(--transition-standard), width var(--transition-standard);

  :has(.navbar--small) & {
    /* width: var(--mw-content-maxwidth); */
    width: 120%;
    margin-top: -2rem;
    padding: 0;
    filter: blur(40px) brightness(0.3);
  }
}

.article-header {

  margin-top: 34rem;
  margin-inline: auto;
  padding-top: var(--space-xl);
  padding-bottom: var(--space-l);

  width: 100%;
  max-width: 60ch !important;

  .article__type {
    color: var(--color-accent);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: var(--font-size-2xl);
  }

  .article__title {
    margin-bottom: 1rem;
    line-height: 1.1;
    font-family: "tuppence-variable", "Montserrat", sans-serif;
  }

  .article__date {
    font-size: var(--font-size-l);
  }

}

.article__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
  margin: 0 auto;
  align-items: flex-start;

  width: 100%;
  max-width: 60ch;

  padding-bottom: var(--space-3xl);

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

  p:not(.article__content__summery, .article__date) {
    margin-inline: var(--space-s);
  }

  .article__content__title {
    /* text-align: center; */
    margin-top: var(--space-base);

    &.article__content__title1 {
      margin-bottom: 0;
    }

    &+.article__content__title {
      margin-top: -.4rem;
    }

  }

  .article__content__link {
    color: var(--color-accent);
    margin-inline: var(--space-s);
  }

  .article__content__image {
    /* margin-bottom: calc(var(--space-s) *-1); */

    .article__content__image__caption {
      margin-block: var(--space-s);
    }
  }
}