/* fsq-templates.css - layout pieces owned by registered UI templates (COMPLIANCE #196). FSQ-authored.
   EX-903 side-by-side panes (CMP-918): two equal panes from 1200px, stacked below (phones, portrait and landscape tablets
   keep one readable column; no horizontal scroll). Colours come from Bootstrap/V5 variables so light/dark follow the theme. */
.fsq-sbs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
@media (min-width: 1200px) { .fsq-sbs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.fsq-sbs-pane { min-width: 0; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: 10px; padding: 16px; }
.fsq-sbs-title { font-size: 1rem; font-weight: 600; margin: 0 0 12px; }