/* Product Page QA pages. All selectors are page-scoped. */
.eframe-product-qa .eframe-container > *,
.eframe-product-qa-privacy .eframe-container > * { min-width: 0; }

.eframe-product-qa__hero { padding-block: clamp(72px, 10vw, 136px); }
.eframe-product-qa__hero-copy { grid-column: 1 / 10; }
.eframe-product-qa__hero h1 { font-size: var(--text-hero); margin-bottom: var(--space-md); }
.eframe-product-qa__hero .eframe-eyebrow { margin-bottom: var(--space-sm); }
.eframe-product-qa__lede { max-width: 850px; font-size: clamp(24px, 3vw, 38px); line-height: 1.18; letter-spacing: -.02em; }
.eframe-product-qa__supporting { max-width: 700px; margin-top: var(--space-md); color: var(--color-gray); font-size: 18px; }
.eframe-product-qa__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: var(--space-md); }
.eframe-product-qa__release-note { margin: 0; color: var(--color-gray); }

.eframe-product-qa__section { border-top: 1px solid var(--color-border); }
.eframe-product-qa__section h2,
.eframe-product-qa__screenshots h2 { grid-column: 1 / -1; margin-bottom: var(--space-md); font-size: var(--text-h2); }
.eframe-product-qa__grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--color-border); }
.eframe-product-qa__card { padding: var(--space-md) var(--space-md) var(--space-md) 0; border-bottom: 1px solid var(--color-border); }
.eframe-product-qa__card:nth-child(odd) { border-right: 1px solid var(--color-border); }
.eframe-product-qa__card:nth-child(even) { padding-left: var(--space-md); }
.eframe-product-qa__card h3 { margin-bottom: var(--space-sm); font-size: var(--text-h3); }
.eframe-product-qa__card p { max-width: 520px; color: var(--color-gray); }

.eframe-product-qa__steps { grid-column: 1 / 9; counter-reset: product-qa-step; }
.eframe-product-qa__steps li { counter-increment: product-qa-step; display: grid; grid-template-columns: 48px 1fr; gap: var(--space-sm); padding-block: 20px; border-top: 1px solid var(--color-border); font-size: clamp(20px, 2vw, 28px); }
.eframe-product-qa__steps li::before { content: counter(product-qa-step, decimal-leading-zero); color: var(--color-blue); font-size: 14px; padding-top: 6px; }
.eframe-product-qa__note,
.eframe-product-qa__copy { grid-column: 1 / 9; max-width: 760px; }
.eframe-product-qa__note { margin-top: var(--space-md); color: var(--color-gray); }
.eframe-product-qa__copy { font-size: 18px; }
.eframe-product-qa__copy + .eframe-product-qa__copy { margin-top: var(--space-sm); color: var(--color-gray); }

.eframe-product-qa__faq { grid-column: 1 / -1; border-top: 1px solid var(--color-border); }
.eframe-product-qa__faq details { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--grid-gap); padding-block: 24px; border-bottom: 1px solid var(--color-border); }
.eframe-product-qa__faq summary { grid-column: 1 / 6; cursor: pointer; font-size: 20px; font-weight: 500; }
.eframe-product-qa__faq details p { grid-column: 7 / -1; color: var(--color-gray); }

.eframe-product-qa__screenshots { border-top: 1px solid var(--color-border); background: var(--color-surface); }
.eframe-product-qa__screenshots figure { grid-column: span 6; margin: 0; }
.eframe-product-qa__screenshots img { width: 100%; border: 1px solid var(--color-border); background: var(--color-white); }
.eframe-product-qa__screenshots figcaption { margin-top: var(--space-xs); color: var(--color-gray); font-size: 14px; }

.eframe-product-qa__cta { background: var(--color-blue); color: var(--color-white); }
.eframe-product-qa__cta-content { grid-column: 1 / 10; }
.eframe-product-qa__cta h2 { margin-bottom: var(--space-sm); font-size: var(--text-h2); }
.eframe-product-qa__cta p { max-width: 680px; margin-bottom: var(--space-md); font-size: 18px; }

.eframe-product-qa-privacy .eframe-page-header .eframe-eyebrow,
.eframe-product-qa-privacy .eframe-page-header .eframe-page-title,
.eframe-product-qa-privacy .eframe-page-header .eframe-page-intro,
.eframe-product-qa-privacy .eframe-entry-content .eframe-container > * { grid-column: 2 / 9; }
.eframe-product-qa-privacy .eframe-entry-content h2 { margin: var(--space-lg) 0 var(--space-sm); font-size: clamp(28px, 4vw, 44px); }
.eframe-product-qa-privacy .eframe-entry-content h2:first-child { margin-top: 0; }
.eframe-product-qa-privacy .eframe-entry-content p { font-size: 18px; }

@media (max-width: 767px) {
  .eframe-product-qa__hero-copy,
  .eframe-product-qa__steps,
  .eframe-product-qa__note,
  .eframe-product-qa__copy,
  .eframe-product-qa__cta-content,
  .eframe-product-qa-privacy .eframe-page-header .eframe-eyebrow,
  .eframe-product-qa-privacy .eframe-page-header .eframe-page-title,
  .eframe-product-qa-privacy .eframe-page-header .eframe-page-intro,
  .eframe-product-qa-privacy .eframe-entry-content .eframe-container > * { grid-column: 1 / -1; }
  .eframe-product-qa__grid { grid-template-columns: 1fr; }
  .eframe-product-qa__card,
  .eframe-product-qa__card:nth-child(even) { padding: 24px 0; border-right: 0; }
  .eframe-product-qa__faq details { display: block; }
  .eframe-product-qa__faq details p { margin-top: var(--space-sm); }
  .eframe-product-qa__screenshots figure { grid-column: 1 / -1; }
  .eframe-product-qa__screenshots figure + figure { margin-top: var(--space-md); }
}