/* QUICK FAQ — .db-quickfaq   (faq = 1)
   Prototype .fq-quick: three short Q&A columns separated by discrete 1px rules.

   NOT .db-cardgrid, which is what the first build used — cardgrid stacks a
   heading and copy beneath a square image in three columns. This has no images
   at all. Structurally it is the .ab-phil shape minus the head band, so it uses
   the same discrete-divider approach as .db-philosophy--about and
   .db-about-pair: the 48px gap then falls either side of each rule instead of
   hugging one column.

   No background, and the section is its own wrap — so it stays a plain
   constrained child of post-content and lands on the 1360px page column. */
.db-quickfaq { display: flex; flex-direction: column; gap: 32px; padding-block: 40px; }

.db-quickfaq .db-quickfaq__item { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.db-quickfaq__q { font-size: 18px; line-height: 28px; }
.db-quickfaq__a { font-weight: 300; font-size: 16px; line-height: 1.75; color: var(--muted); margin: 0; }
.db-quickfaq__divider { height: 1px; width: 100%; background: var(--line); }

@media (min-width: 861px) {
	.db-quickfaq { flex-direction: row; align-items: stretch; gap: 48px; padding-block: 120px; }
	.db-quickfaq .db-quickfaq__item { flex: 1; gap: 32px; }
	.db-quickfaq__q { font-size: 1.5rem; line-height: 32px; }
	.db-quickfaq__divider { width: 1px; height: auto; align-self: stretch; flex: 0 0 1px; }
}