/* parts/buyer-questions.php. The page can set (defaults = light pages, brand kit):
   --p-fg, --p-muted text · --p-line border · --bq-card card background · --bq-head table head background */
.bq{display:flex;flex-direction:column;gap:20px;color:var(--p-fg,var(--ink-900))}
.bq h2{margin:0;font:400 28px/1.2 var(--font-sans)}
.bq h2 strong{font-weight:600}
.bq__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.bq__item{min-width:0;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:var(--bq-card,var(--cream-200));border:1px solid var(--p-line,rgba(11,26,51,.14))}
.bq__q{display:flex;gap:12px;align-items:baseline}
.bq__q span{flex:none;font:600 14px/1 var(--font-sans);color:var(--orange-500)}
.bq h3{margin:0;font:600 17px/1.35 var(--font-sans);text-wrap:pretty}
.bq__item p{margin:0;font:400 15px/1.6 var(--font-sans);color:var(--p-muted,var(--ink-600));text-wrap:pretty}
.bq__item a{color:inherit}
.bq__item .bq__note{font-size:14px;line-height:1.5}
.bq__table{overflow-x:auto;border-radius:12px;border:1px solid var(--p-line,rgba(11,26,51,.14))}
.bq table{width:100%;min-width:420px;border-collapse:collapse;font:400 15px/1.4 var(--font-sans)}
.bq thead tr{background:var(--bq-head,var(--cream-200))}
.bq th{text-align:left;padding:12px 12px;font:600 14px/1.3 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--p-muted,var(--ink-600))}
.bq td{padding:12px 12px;vertical-align:top;border-top:1px solid var(--p-line,rgba(11,26,51,.14))}
@media (min-width:768px){
  .bq h2{font-size:36px}
  .bq__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .bq__item{padding:24px}
  .bq__item--wide{grid-column:1 / -1}
}
@media (min-width:1280px){.bq h2{font-size:44px}}