.aw-article__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-block: 60px;
}

.aw-article__gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}

@media (max-width: 767px) {
  .aw-article__gallery {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.aw-article__lead {
  font-weight: var(--aw-semibold-weight);
  font-size: var(--aw-h5-size);
  line-height: var(--aw-h5-line);
}

@media (max-width: 767px) {
  .aw-article__lead {
    font-size: var(--aw-body-size);
    line-height: var(--aw-body-line);
  }
  .aw-article__lead {
    font-size: var(--aw-mobile-h5-size);
    line-height: var(--aw-mobile-h5-line);
  }
}
.aw-article-content {
  overflow-wrap: anywhere;
}

.aw-article-content > h2 {
  font-size: var(--aw-h5-size);
  margin-top: 60px;
}

.aw-article-content > .wp-block-image {
  margin: 0 0 32px;
}

.aw-article-content > .wp-block-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 762/572;
  object-fit: cover;
}

.aw-article-content .aw-article__gallery {
  margin-block: 60px;
}

.aw-article-content .aw-article__gallery > figure {
  margin: 0;
}

.aw-article-content .aw-article__gallery img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.aw-article-content :where(pre, code) {
  font-family: var(--aw-mono-font);
  font-size: var(--aw-small-size);
}

.aw-article-content pre {
  padding: 24px;
  background: var(--aw-soft);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
}

.aw-article-content .wp-block-table {
  overflow: auto;
  max-width: 100%;
}

.aw-article-content :where(ul, ol) {
  margin-block: 24px;
  padding-left: 24px;
}

.aw-article-content li {
  margin-block: 8px;
}

.aw-article-content .wp-block-quote p:last-child {
  margin-bottom: 0;
}

.aw-article-content .wp-block-separator {
  opacity: 1;
  max-width: none;
}

.aw-demo-notice {
  padding: 12px 16px;
  background: var(--aw-warm);
}

@media (max-width: 767px) {
  .aw-article-content > .wp-block-image:last-child img {
    aspect-ratio: 350/490;
  }
}
.aw-breadcrumb a {
  transition: color 0.3s;
}

.aw-breadcrumb a:is(:hover, :focus-visible) {
  color: var(--aw-brand-hover);
}

.aw-block-article .wrapper {
  max-width: var(--aw-content-width);
  padding-top: 48px !important;
}

.aw-breadcrumb {
  font-size: var(--aw-micro-size);
  color: var(--aw-muted);
  margin-bottom: 60px;
}

.aw-breadcrumb a {
  text-decoration: none;
}

.aw-block-article h1 {
  margin-top: 12px;
}

.aw-block-article time {
  font-size: var(--aw-small-size);
  color: var(--aw-muted);
}

.aw-block-article article > img {
  width: 100%;
  height: auto;
  aspect-ratio: 762/572;
  object-fit: cover;
  margin-bottom: 32px;
}

.aw-block-article article p {
  margin-bottom: 24px;
}

.aw-block-article article > h2 {
  font-size: var(--aw-h5-size);
  margin-top: 60px;
}

.aw-block-article hr {
  border: 0;
  border-top: 1px solid var(--aw-border);
  margin-block: 60px;
}

.aw-block-article blockquote {
  margin: 40px 0;
  padding: 24px 32px;
  border-left: 3px solid var(--aw-brand);
  background: var(--aw-warm);
  font-size: var(--aw-h4-size);
}

.aw-block-article figure {
  margin: 40px 0;
}

.aw-block-article figure img {
  width: 100%;
}

.aw-block-article figcaption {
  font-size: var(--aw-small-size);
  color: var(--aw-muted);
  margin-top: 12px;
}

.aw-table-scroll {
  overflow-x: auto;
}

.aw-block-article table {
  width: 100%;
  border-collapse: collapse;
}

.aw-block-article caption {
  text-align: left;
  font-weight: var(--aw-semibold-weight);
  margin-bottom: 16px;
}

.aw-block-article th,
.aw-block-article td {
  padding: 16px;
  border-bottom: 1px solid var(--aw-border);
  text-align: left;
}

.aw-block-article th {
  background: var(--aw-warm);
}

@media (max-width: 767px) {
  .aw-block-article .wrapper {
    padding-top: 40px !important;
  }
}
@media (max-width: 767px) {
  .aw-breadcrumb {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .aw-block-article h1 {
    font-size: var(--aw-h3-size);
  }
}
@media (max-width: 767px) {
  .aw-block-article article > img {
    aspect-ratio: 350/263;
  }
}
@media (max-width: 767px) {
  .aw-block-article blockquote {
    padding: 20px;
    font-size: var(--aw-h5-size);
  }
}
.aw-block-article .aw-breadcrumb {
  width: 100%;
  margin-bottom: 48px;
}

.aw-block-article .wrapper {
  padding-bottom: 120px;
}

@media (max-width: 767px) {
  .aw-block-article .wrapper {
    padding-top: 24px !important;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .aw-block-article .aw-breadcrumb {
    left: 0;
    width: 100%;
    font-size: var(--aw-micro-size);
    line-height: var(--aw-small-line);
  }
}
@media (max-width: 767px) {
  .aw-block-article h1 {
    font-size: var(--aw-mobile-h2-size);
    line-height: var(--aw-mobile-h2-line);
  }
}
@media (max-width: 767px) {
  .aw-block-article article > img:first-of-type {
    aspect-ratio: 350/490;
  }
}
@media (max-width: 767px) {
  .aw-block-article article > img:last-of-type {
    aspect-ratio: 350/490;
  }
}
@media (max-width: 767px) {
  .aw-block-article h1 {
    font-size: var(--aw-h2-size);
    line-height: var(--aw-h2-line);
  }
}
@media (max-width: 767px) {
  .aw-block-article article > img:first-of-type {
    aspect-ratio: 350/572;
  }
}
.aw-block-article article {
  max-width: var(--aw-article-width);
  margin-inline: auto;
}

.aw-table-scroll:focus-visible {
  outline-offset: 0;
}

.aw-block-article .aw-filters {
  margin: 20px 0 32px;
  gap: 12px;
}

.aw-block-article .aw-filters a {
  font-size: var(--aw-micro-size);
  padding: 6px 10px;
}

.aw-block-article .aw-filters a {
  font-size: var(--aw-small-size);
}

@media (max-width: 767px) {
  .aw-block-article .aw-filters a {
    font-size: var(--aw-micro-size);
    padding: 8px 16px;
  }
}