/* Category FAQ: calm navy surfaces and comfortable reading contrast. */
.figma-home-theme .fh-refined-faq {
  background: #0b111d;
  border-top: 1px solid #242e41;
  scroll-margin-top: 100px;
}

.figma-home-theme .fh-faq-content { max-width: 1040px; }
.figma-home-theme .fh-home .fh-faq-heading {
  max-width: 760px;
  margin: 0 auto 32px;
  text-align: center;
}
.figma-home-theme .fh-home .fh-faq-heading h2 { font-size: clamp(30px, 3.3vw, 44px); }
.figma-home-theme .fh-home .fh-faq-heading p { margin: 16px auto 0; max-width: 56ch; }
.figma-home-theme .fh-faq-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(max-content, 1fr);
  overflow-x: auto;
  gap: 6px;
  padding: 6px;
  margin-bottom: 24px;
  background: #121c2d;
  border: 1px solid #2d3b51;
  border-radius: 12px;
}
.figma-home-theme .fh-faq-tab {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #ced7e5;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}
.figma-home-theme .fh-faq-tab:hover { background: #1d2c43; color: #f1f5fb; }
.figma-home-theme .fh-faq-tab[aria-selected="true"] {
  color: #f4f8ff;
  background: #234b76;
  border-color: #467aa7;
}
.figma-home-theme .fh-faq-tab:focus-visible,
.figma-home-theme .fh-home .fh-faq-item summary:focus-visible,
.figma-home-theme .fh-faq-help a:focus-visible { outline: 2px solid #92cfff; outline-offset: 4px; }
.figma-home-theme .fh-faq-panel { margin-bottom: 28px; }
.figma-home-theme .fh-home .fh-faq-category-heading { margin: 20px 0; }
.figma-home-theme .fh-faq-ready .fh-faq-category-heading { display: none; }
.figma-home-theme .fh-faq-ready .fh-faq-panel { margin-bottom: 0; }
.figma-home-theme .fh-home .fh-faq-item {
  margin: 0 0 12px;
  padding: 0;
  background: #111b2b;
  border: 1px solid #2d3b51;
  border-radius: 10px;
}
.figma-home-theme .fh-home .fh-faq-item:last-child { margin-bottom: 0; }
.figma-home-theme .fh-home .fh-faq-item[open] { background: #152238; border-color: #456184; }
.figma-home-theme .fh-home .fh-faq-item summary {
  padding: 20px 24px;
  gap: 20px;
  color: #edf2f9;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  cursor: pointer;
  list-style: none;
}
.figma-home-theme .fh-home .fh-faq-item summary::-webkit-details-marker { display: none; }
.figma-home-theme .fh-home .fh-faq-item p {
  max-width: 78ch;
  margin: 0;
  padding: 0 60px 22px 24px;
  color: #cbd5e4;
  font-size: 17px;
  line-height: 1.75;
}
.figma-home-theme .fh-faq-help {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 28px;
}
.figma-home-theme .fh-home .fh-faq-help p { margin: 0; font-size: 16px; }
.figma-home-theme .fh-faq-help a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  color: #a5d5ff;
  font-size: 16px;
  font-weight: 600;
}
.figma-home-theme .fh-faq-help a:hover { color: #f1f5fb; text-decoration: underline; }
.figma-home-theme .fh-refined-faq [hidden] { display: none !important; }

@media (max-width: 480px) {
  .figma-home-theme .fh-faq-tabs { gap: 4px; margin-bottom: 20px; }
  .figma-home-theme .fh-home .fh-faq-item summary { font-size: 17px; padding: 18px; gap: 14px; }
  .figma-home-theme .fh-home .fh-faq-item p { font-size: 16px; padding: 0 18px 20px; }
  .figma-home-theme .fh-faq-help { flex-direction: column; gap: 0; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .figma-home-theme .fh-faq-tab { transition: none; }
}
/* All categories stay visible without horizontal swiping on phones. */
@media(max-width:767px){
 .figma-home-theme .fh-faq-tabs{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .figma-home-theme .fh-faq-tab{min-width:0;white-space:normal;font-size:14px;padding:10px 8px}
}