.mini-faq-q { font-family: Inter, system-ui, -apple-system, Arial, sans-serif; max-width:820px; color:#0f1724; }
.faq-line { display:flex; align-items:flex-start; gap:12px; padding:12px; border-radius:10px; margin-bottom:10px; font-size:14px; line-height:1.45; }
.qmark { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; color:#fff; font-weight:700; flex:0 0 30px; }

/* different background colors per line */
.q1 { background:#f0fbff; } .q1 .qmark { background:#0b84ff; }
.q2 { background:#fff8f0; } .q2 .qmark { background:#ff9f1c; }
.q3 { background:#fff6f7; } .q3 .qmark { background:#ff5a5f; }

.faq-line strong { display:block; margin-top:4px; color:#0b2a3a; font-weight:600; }
@media (max-width:600px){ .qmark{ width:26px; height:26px; flex:0 0 26px } .faq-line{ padding:10px } }