/* Układ listy i pełnej klasycznej treści. Karty, Hero i typografia są wspólne. */
.c-blog-list { padding-block: var(--space-7) var(--space-8); }
.c-article { padding-block: var(--space-7); }
.c-article__content { max-inline-size: none; }
.c-article__content > * { max-inline-size: 43.3125rem; }
.c-article__content > :where(h2, h3, h4, h5, h6, .gallery) { margin-block-start: var(--space-7); }
.c-article__content > :where(h2, h3, h4, h5, h6) + * { margin-block-start: var(--space-4); }
.c-article__content > :first-child { margin-block-start: 0; }
.c-article__content > .gallery { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); max-inline-size: none; }
.c-article__content .gallery-item { min-inline-size: 0; }
.c-article__content .gallery-icon img { display: block; inline-size: 100%; aspect-ratio: 4096 / 2725; object-fit: cover; }
.c-article__content .gallery-caption,
.c-article__content .wp-caption-text { margin-block-start: var(--space-2); color: var(--color-text-secondary); text-align: center; }
.c-related-posts { display: flex; flex-direction: column; gap: var(--space-6); margin-block-start: var(--space-8); padding-block-start: var(--space-8); border-block-start: var(--border-width-sm) solid var(--color-border-card); }
@media (min-width: 48rem) {
  .c-article__content > .gallery { grid-template-columns: repeat(var(--gallery-columns, 2), minmax(0, 1fr)); }
  .c-article__content > .gallery-columns-1 { --gallery-columns: 1; }
  .c-article__content > .gallery-columns-3 { --gallery-columns: 3; }
  .c-article__content > .gallery-columns-4 { --gallery-columns: 4; }
  .c-article__content > .gallery-columns-5 { --gallery-columns: 5; }
  .c-article__content > .gallery-columns-6 { --gallery-columns: 6; }
  .c-article__content > .gallery-columns-7 { --gallery-columns: 7; }
  .c-article__content > .gallery-columns-8 { --gallery-columns: 8; }
  .c-article__content > .gallery-columns-9 { --gallery-columns: 9; }
}
@media (min-width: 70rem) {
  .c-blog-list, .c-article { padding-block: var(--space-8); }
  .c-article__content > :where(h2, h3, h4, h5, h6, .gallery) { margin-block-start: var(--space-8); }
  .c-article__content > :where(h2, h3, h4, h5, h6) + * { margin-block-start: var(--space-4); }
  .c-article__content > :first-child { margin-block-start: 0; }
}

/* Natywne podpisy klasycznego edytora, także przy szerokości zapisanej przez WP. */
.c-article__content > .wp-caption { max-inline-size: min(100%, 43.3125rem); }
.c-article__content .wp-caption img { display: block; block-size: auto; max-inline-size: 100%; }
