.faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: min(1160px, calc(100% - 48px)); margin: 28px auto 26px; }
html[data-site-theme] body.site-mode .faq-card {
  min-width: 0;
  padding: 26px 28px;
  border: 1px solid #e5edf7 !important;
  border-radius: 18px;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(27, 59, 106, .055);
}
html[data-site-theme] body.site-mode .faq-card h2 {
  margin: 0 0 13px;
  color: #182b4a !important;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.4;
}
html[data-site-theme] body.site-mode .faq-card h2::first-letter { color: #2870ed; }
html[data-site-theme] body.site-mode .faq-card p { margin: 0; color: #566b89 !important; font-size: 15px; line-height: 1.7; }
.faq-card strong { color: #244b85; }

html[data-site-theme="dark"] body.site-mode .faq-card { border-color: #2d4767 !important; background: #14243c !important; box-shadow: none; }
html[data-site-theme="dark"] body.site-mode .faq-card h2 { color: #edf5ff !important; }
html[data-site-theme="dark"] body.site-mode .faq-card p { color: #b9cce4 !important; }
html[data-site-theme="dark"] body.site-mode .faq-card strong { color: #a8ccff; }

@media (max-width: 860px) { .faq-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .faq-grid { width: min(100% - 36px, 1160px); gap: 12px; margin-top: 20px; } html[data-site-theme] body.site-mode .faq-card { padding: 22px; } }
@media (max-width: 480px) { html[data-site-theme] body.site-mode .faq-card { padding: 20px 18px; } html[data-site-theme] body.site-mode .faq-card h2 { font-size: 17px; } html[data-site-theme] body.site-mode .faq-card p { font-size: 14px; } }