@layer components {
  .c-component-section--top-rule { border-block-start: var(--wa-border-width) solid var(--wa-context-surface-border); }
  .c-component-section--editorial-balanced > .c-component-section__content > .c-component-section__layout > .l-stack > .c-component-action { align-self: flex-start; justify-self: start; margin-block-start: .5rem; max-inline-size: 100%; }
  .c-component-section.c-component-section--editorial-spacing,
  .c-component-section.c-component-section--editorial-compact { --gutter: clamp(1rem, 3vw, 2rem); --stack-gap: 1.5rem; }
  .c-component-section.c-component-section--editorial-spacing > .c-component-section__content,
  .c-component-section.c-component-section--editorial-compact > .c-component-section__content { max-inline-size: calc(var(--wa-content-width) + var(--gutter) * 2); }
  .c-component-section.c-component-section--editorial-spacing { padding-block: clamp(4rem, 7vw, 7rem); }
  .c-component-section.c-component-section--editorial-compact { padding-block: clamp(3rem, 4.5vw, 4.5rem); }
  .c-component-section--editorial-leading > .c-component-section__content { display: grid; gap: clamp(1.5rem, 2.5vw, 2rem) clamp(2rem, 6vw, 6rem); align-items: start; }
  .c-component-section--editorial-leading > .c-component-section__content > :first-child > h2.c-component-heading--fluid-editorial { font-size: clamp(min(2.3rem, var(--wa-font-size)), 4.2vw, var(--wa-font-size)); }
  .c-component-section--editorial-leading > .c-component-section__content > .c-component-section__layout > .l-stack > :has(> .c-component-labeled-value--fluid-editorial) { --stack-gap: .8rem; }
  @media (min-width: 50.001rem) {
    .c-component-section--editorial-leading > .c-component-section__content { grid-template-columns: minmax(0, 1fr) minmax(16rem, .55fr); }
    .c-component-section--editorial-leading > .c-component-section__content > :first-child { grid-column: 1; grid-row: 1; }
    .c-component-section--editorial-leading > .c-component-section__content > .c-component-section__layout { grid-column: 2; grid-row: 1; }
    .c-component-section--editorial-leading > .c-component-section__content > :nth-child(n+3) { grid-column: 1 / -1; }
  }
  @media (max-width: 50rem) {
    .c-component-section--editorial-balanced > .c-component-section__content,
    .c-component-section--editorial-leading > .c-component-section__content { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  }
}