@layer components {
  .editorial-page { width: min(100%, var(--stage)); margin: -5rem auto 0; padding: 0 var(--page-gutter) 8rem; }
  .editorial-page__article { width: min(67.25rem, 100%); }
  .editorial-page__header { width: min(60.8125rem, 100%); text-align: center; }
  .editorial-page__header h1 { display: inline-block; position: relative; margin: 0; font-family: var(--font-typewriter); font-size: var(--text-page-title); font-weight: 100; line-height: var(--line-height-tight); }
  .editorial-page__header h1::after { content: ""; position: absolute; bottom: -1.25rem; left: 50%; width: 7.6875rem; height: 1.1875rem; background: url("../images/grand-ziguigui.svg") center / 100% 100% no-repeat; transform: translateX(-50%); }
  .editorial-page__content { margin-top: var(--page-title-content-gap); }
  .editorial-page__content > .alignwide { width: min(var(--wide), 100%); }
  .editorial-page__content > .alignfull { position: relative; left: 50%; width: 100vw; max-width: none; transform: translateX(-50%); }
}

/*
 * Gutenberg's core block CSS is unlayered and therefore wins over layered
 * declarations. Keep this small layout normalization unlayered as well.
 */
.editorial-page__content > * { margin-block: 0; }
.editorial-page__content > .wp-block-gallery { margin-inline: auto; }
.editorial-page__content > * + * { margin-top: var(--space-m); }
.editorial-page__content > :is(h2, h3) { margin-top: var(--space-l); }
.editorial-page__content > :is(h2, h3) + * { margin-top: var(--space-s); }
.editorial-page__content > .wp-block-image.aligncenter {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
.editorial-page__content > .wp-block-image.aligncenter img { margin-inline: auto; }

@media (min-width: 64.0625rem) and (max-width: 76.25rem) {
  .editorial-page__article { width: min(67.25rem, calc(100% - var(--nav-clearance))); }
}

@media (max-width: 64rem) {
  .editorial-page { margin-top: 0; padding-bottom: var(--space-l); }
  .editorial-page__header { text-align: left; }
  .editorial-page__header h1::after { left: 0; transform: none; }
}
