.ax-a11 .ax-figure-image {
  inline-size: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--surface);
  box-shadow: 0 0 0 var(--line) var(--border), var(--card-shadow);
}
.ax-a11 .ax-figure-caption {
  color: var(--text-2);
}
.ax-a11 .article-image {
  object-fit: contain;
  background: var(--surface);
}
@media (max-width: 47.9375em) {
.ax-a11 .ax-figure-inline {
  float: none;
  inline-size: 100%;
  margin: var(--space-s) 0 var(--space-m);
}
.ax-a11 .ax-figure-inline .ax-figure-image {
  border-radius: var(--radius);
}
.ax-a11 .ax-figure-inline .ax-figure-caption {
  font-size: var(--step-small);
  line-height: 1.45;
  padding-inline: var(--space-xs);
}
.ax-a11 .ax-figure-inline:nth-of-type(odd):last-of-type {
  inline-size: 100%;
}
.ax-a11 .article-prose > :not(.ax-figure) {
  clear: none;
}
.ax-a11 .article-image {
  aspect-ratio: 4 / 3;
}
}
@media (min-width: 48em) {
.ax-a11 .ax-figure-inline {
  float: inline-start;
  inline-size: calc((100% - var(--space-m)) / 2);
  margin: 0 0 var(--space-m);
}
.ax-a11 .ax-figure-inline .ax-figure-image {
  border-radius: var(--radius-l);
}
.ax-a11 .ax-figure-inline .ax-figure-caption {
  font-size: var(--step-small);
  line-height: 1.5;
  padding-inline: var(--space-2xs);
}
.ax-a11 .ax-figure-inline:nth-of-type(odd):last-of-type {
  inline-size: 100%;
}
.ax-a11 .article-prose > :not(.ax-figure) {
  clear: both;
}
.ax-a11 .article-image {
  aspect-ratio: 16 / 9;
}
}
@media (min-width: 48em) {
.ax-a11 .ax-figure-inline:nth-of-type(odd) {
  clear: inline-start;
  margin-inline-end: var(--space-m);
}
.ax-a11 .ax-figure-inline:nth-of-type(odd):last-of-type {
  margin-inline-end: 0;
}
}
.ax-a11 .ax-col {
  background: var(--surface);
  box-shadow: 0 0 0 var(--line) var(--border), var(--card-shadow);
}
.ax-a11 .ax-col h3 {
  margin-block: 0 var(--space-xs);
}
.ax-a11 .ax-col p {
  margin: 0;
}
@media (max-width: 47.9375em) {
.ax-a11 .ax-cols {
  gap: var(--space-s);
}
.ax-a11 .ax-col {
  padding: var(--space);
  border-radius: var(--radius-l);
}
.ax-a11 .ax-col h3 {
  font-size: var(--step-1);
}
.ax-a11 .ax-col p {
  font-size: var(--step-small);
  line-height: 1.55;
}
}
@media (min-width: 48em) {
.ax-a11 .ax-cols {
  gap: var(--space-m);
}
.ax-a11 .ax-col {
  padding: var(--space-m);
  border-radius: var(--radius-xl);
}
.ax-a11 .ax-col h3 {
  font-size: var(--step-1);
}
.ax-a11 .ax-col p {
  font-size: var(--step-small);
  line-height: 1.6;
}
}