/* /perl-veneer-faq/ page styles (SYSTEM v3) */

/* hero defbox mat */
.faq-defwrap { background: var(--panel); }
.faq-defwrap .defbox { border: 0; padding: 0; background: transparent; }
.faq-defwrap__note {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  font-family: var(--font-d);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.95rem;
  color: var(--brass-deep);
}

/* FAQ group: editorial rail + accordion */
.faqgroup {
  display: grid;
  grid-template-columns: 0.72fr 1.28fr;
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}
.faqgroup__rail { position: sticky; top: calc(var(--nav-h) + 2rem); }
.faqgroup__rail p:last-child { color: var(--ink-soft); max-width: 32ch; }
.faqgroup__num {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: clamp(4rem, 3rem + 4vw, 7rem);
  line-height: 0.9;
  color: oklch(66.5% 0.083 78 / 0.14);
  margin-bottom: 0.5rem;
}

.faq-cinema__cta { margin-top: 2rem; }
.faq-ledger { margin-top: 2.5rem; }

@media (max-width: 900px) {
  .faqgroup { grid-template-columns: 1fr; gap: 1.75rem; }
  .faqgroup__rail { position: static; }
  .faqgroup__num { font-size: 3.25rem; }
}