/* Only emitted by the three RS gate landing pages. */
.gateEditorialExperience { color: var(--sd2026-text-heading); }
.gateEditorialFrame, .gateEditorialCpq { width: min(1320px, calc(100% - 40px)); margin-inline: auto; }
.gateEditorialFrame { padding-block: 80px; display: flex; flex-direction: column; gap: 80px; }
.gateEditorialIntro, .gateEditorialRow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 100px); align-items: center; }
.gateEditorialMedia { overflow: hidden; border-radius: 8px; }
.gateEditorialMedia img { display: block; width: 100%; height: auto; max-height: 500px; object-fit: contain; background: var(--sd2026-surface-warm); }
.gateEditorialReversed .gateEditorialMedia { order: 2; }
.gateEditorialFrame h2 { margin: 0 0 24px; font-size: var(--sd2026-font-h2); line-height: 1.25; }
.gateEditorialFrame p { color: var(--sd2026-text-muted); line-height: 1.5; }
.gateEditorialFrame .gateEditorialLead { font-weight: 600; }
.gateEditorialGuide { box-sizing: border-box; min-height: 270px; display: flex; align-items: center; padding: 64px 20px; background: var(--sd2026-dark) center / cover; color: white; }
.gateEditorialGuide h2 { width: 100%; max-width: 1320px; margin: auto; font-size: var(--sd2026-font-h2); line-height: 1.3; font-weight: 500; }
.gateEditorialGuide strong { display: block; color: var(--sd2026-green); font-weight: 500; }
.gateEditorialCpq [data-e2e="home-cpq-cta-ograde"]::after { content: ""; position: absolute; inset: 0; }
.gateEditorialCpq [data-e2e="home-cpq-cta-ograde"] { color: var(--sd2026-dark); }
@media (min-width: 721px) and (max-width: 1024px) {
  .gateEditorialIntro, .gateEditorialRow { grid-template-columns: 1fr; }
  .gateEditorialReversed .gateEditorialMedia { order: 0; }
}
@media (max-width: 720px) {
  .gateEditorialFrame { padding-block: 56px; gap: 56px; }
  .gateEditorialIntro, .gateEditorialRow { display: flex; flex-direction: column; gap: 24px; align-items: stretch; }
  .gateEditorialReversed .gateEditorialMedia { order: 0; }
  .gateEditorialFrame h2, .gateEditorialGuide h2 { font-size: 22px; }
  .gateEditorialFrame p { font-size: 14px; }
  .gateEditorialGuide { padding-block: 40px; }
}

/* Match the former inline rules without affecting shared category styles. */
.gateEditorialHero[data-e2e="category-hero-2026"] { min-height: 460px; }
.gateEditorialHero .gateEditorialHeroActions { flex-wrap: wrap; gap: 16px; }
.gateEditorialHero [data-e2e="gate-hero-cta"] { color: var(--sd2026-dark); }