/* ===== FAQ-specific styles (scoped) ===== */

body.faq .faq-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  margin-top: 18px;                 /* breathing room under the header */
}

@media (min-width: 960px) {
  body.faq .faq-grid {
    grid-template-columns: 1fr 1fr; /* two columns on desktop */
  }
}

/* Cards match home look */
body.faq .card {
  padding: 16px 18px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(28,31,35,.06), 0 6px 24px rgba(28,31,35,.06);
}

/* Headings: consistent */
body.faq h1.h2 {
  margin: 0 0 10px 0;
}
body.faq h2 {
  font-size: 1.25rem;   /* ~20px */
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 12px 0;
}

/* Lead paragraph tone */
body.faq .lead {
  color: #334155;
  line-height: 1.55;
}

/* Accordion list */
body.faq .acc-list { margin: 0; padding: 0; }
body.faq .acc-item + .acc-item { border-top: 1px solid rgba(15,23,42,.08); }

/* Question button */
body.faq .acc-btn {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 14px 0;
  font-weight: 600;
  cursor: pointer;
}
body.faq .acc-btn:focus-visible {
  outline: 2px solid rgba(40,72,102,.35);
  outline-offset: 2px;
}

/* Answer panel: hidden by default, shown when .open is set on the item */
body.faq .acc-panel {
  display: none;
  padding: 0 0 14px 0;
  color: #374151;
}
body.faq .acc-item.open .acc-panel {
  display: block;
}

/* Grid/rows in right column (if used elsewhere) use same gap rhythm */
body.faq .grid, body.faq .rail, body.faq .row { gap: 16px; }

.site-logo {
  height:126px; /* or 96px if you like */
  width: auto;
  display: block;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}