/* ============================================================================
   Futures FAQ — layout override on top of atlas-faq.css (loaded first).
   Figma 959:194204 (1512 x 846) draws a TWO-column FAQ (550 + 550, with a 12px
   gap, inside a 1112-wide frame), unlike home's single 716-wide column. Every
   other rule (row background, plus/minus toggle, panel animation, dots field,
   puzzle renders) is the shared .afxq component from atlas-faq.css, untouched.
   atlas-faq.js only ever selects by class name, so it drives this layout with
   no changes.
   ========================================================================= */
.afxq__rows--2col {
  width: 1112px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 12px 12px;
}
.afxq__rows--2col .afxq__col { display: flex; flex-direction: column; gap: 12px; }

@media (max-width: 1180px) {
  .afxq__rows--2col { width: 100%; grid-template-columns: 1fr; }
}