.editorial-extension > .wrap {
  width: min(var(--content-max), calc(100% - (var(--gutter) * 2)));
  max-width: var(--content-max);
}
.article-page .article-layout {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: clamp(28px, 4vw, 64px);
  justify-content: stretch;
}
.article-page .article-body { max-width: none; }
.guide-faq {
  width: min(var(--content-max), calc(100% - (var(--gutter) * 2)));
  max-width: var(--content-max);
}
.guide-faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.editorial-rows { display: grid; gap: 48px; }
.editorial-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr);
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
}
.editorial-copy { min-width: 0; }
.editorial-row-text { grid-template-columns: minmax(0, 1fr); }
.editorial-row-text .editorial-copy { max-width: 78ch; }
.editorial-extension .editorial-copy h2 { margin: 0 0 20px; font: 700 clamp(1.6rem, 2.2vw, 2.2rem)/1.2 var(--serif); }
.editorial-copy > .eyebrow { display: block; margin-bottom: 16px; }
.editorial-copy p { margin: 0 0 16px; }
.editorial-copy p:last-child { margin-bottom: 0; }
.editorial-side-media { min-width: 0; margin: 0; }
.editorial-side-media img {
  display: block;
  width: 100%;
  height: clamp(300px, 25vw, 440px);
  object-fit: cover;
  object-position: center 35%;
  border-radius: 12px;
}
.editorial-side-media figcaption { margin-top: 12px; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.editorial-row-reverse { grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); }
.editorial-row-reverse .editorial-copy { grid-column: 2; grid-row: 1; }
.editorial-row-reverse .editorial-side-media { grid-column: 1; grid-row: 1; }
@media (max-width: 900px) {
  .article-page .article-layout { grid-template-columns: 1fr; gap: 28px; }
  .article-page .article-layout > aside { position: static; }
  .editorial-row, .editorial-row-reverse { grid-template-columns: 1fr; gap: 24px; }
  .editorial-row-reverse .editorial-copy, .editorial-row-reverse .editorial-side-media { grid-column: auto; grid-row: auto; }
  .editorial-rows { gap: 40px; }
  .guide-faq-list { grid-template-columns: 1fr; }
  .editorial-side-media img { height: clamp(260px, 65vw, 440px); }
}