/* Extend the existing Quester editorial system; beta screens are unaffected. */
.play-loop, .pricing, .build-with-us { padding: var(--space-3xl) var(--page-gutter); }
.section-label, .step-number { font-size: .75rem; letter-spacing: .13em; }
.section-label { margin-bottom: var(--space-lg); }
.play-loop h2, .pricing h2, .build-with-us h2 { font-size: var(--text-heading); }
.play-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-xl); margin-block: var(--space-2xl) var(--space-xl); }
.play-steps article { border-top: 1px solid var(--color-rule); padding-top: var(--space-lg); }
.step-number { color: var(--color-muted); }
.play-steps h3 { font-size: clamp(1.5rem, 2.5vw, 2.5rem); margin-block: var(--space-lg) var(--space-md); }
.play-steps p, .pricing-heading > p:last-child, .pricing-note, .build-with-us p:not(.section-label) { color: var(--color-muted); }
.pricing { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2xl); background: var(--color-paper-2); }
.pricing-heading h2 span { color: var(--color-accent); }
.pricing-heading > p:last-child { margin-top: var(--space-xl); }
.pricing-card { border: 1px solid var(--color-rule); padding: clamp(24px, 3vw, 48px); background: var(--color-paper); }
.price { font-family: var(--font-display); font-size: clamp(4rem, 7vw, 6rem); line-height: 1.1; }
.price span { font-family: var(--font-body); font-size: 1.25rem; }
.price-caption { margin-top: var(--space-sm); }
.pricing-card ul { padding-left: 20px; margin-block: var(--space-xl); }
.pricing-card li { margin-bottom: var(--space-sm); }
.pricing-card .action { width: 100%; justify-content: space-between; }
.pricing-note { font-size: var(--text-sm); margin-top: var(--space-lg); }
.venue-pricing { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: var(--space-lg); border-top: 1px solid var(--color-rule); padding-top: var(--space-xl); }
.build-with-us { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2xl); border-top: 1px solid var(--color-rule); }
.build-with-us > div:last-child { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-lg); max-width: 48ch; }
@media (max-width: 640px) {
  .mitra-header nav { gap: 9px; font-size: .75rem; }
  .mitra-brand { width: 86px; }
  .mitra-header { gap: 10px; }
  .mitra-header nav .mitra-nav-cta { padding-inline: 9px; }
  .play-steps, .pricing, .build-with-us { grid-template-columns: 1fr; }
  .play-steps { gap: var(--space-xl); }
  .venue-pricing { flex-direction: column; align-items: flex-start; }
  .play-loop, .pricing, .build-with-us { padding-block: var(--space-2xl); }
}