/* ===== FAQs page-only enhancements — namespaced to .faqx-* ===== */

:root{
  --hero-ratio: 2643 / 1243;
}

.faqx-shell{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.faqx-shell .hc-container{padding:clamp(32px,5vw,56px) 0}

/* Search */
.faqx-search{max-width:760px;margin-inline:auto;margin-bottom:18px;display:grid;gap:8px}
.faqx-search label{font-weight:700}
.faqx-search input{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.faqx-search input:focus{outline:3px solid #93c5fd;outline-offset:2px}

/* Group panel */
.faqx-group{
  ;
  padding:14px 14px 6px;margin:22px 0;
}
.faqx-group-title{
  margin: 6px 6px 10px;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: .2px;
  font-size: 1.125rem; /* 18px (same feel as card headers) */
}

/* List + items */
.faqx-list{display:grid;gap:10px}

.faqx-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);
  overflow:hidden;scroll-margin-top:92px;
}
.faqx-item:focus-within{box-shadow:var(--shadow-md)}

/* Toggle */
.faqx-toggle{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  padding:12px 14px;background:transparent;border:0;cursor:pointer;text-align:left;
  font-weight:500;font-size:1rem;color:var(--ink-2);
}
.faqx-toggle:hover{ background: rgba(15, 23, 42, .03); }
.faqx-toggle:focus-visible{ outline:3px solid #93c5fd; outline-offset:2px; }

/* Lead badge */
.faqx-toggle::before{
  content:"";width:10px;height:10px;border-radius:999px;
  background:#eef2ff;border:0; box-shadow:0 0 0 2px #fff inset; /* subtle inner for legibility */
  translate:0 1px;
}

/* Chevron */
.faqx-chev{width:22px;height:22px;color:var(--ink-2);transition:transform .2s ease}
.faqx-item.is-open .faqx-chev{transform:rotate(180deg)}

/* Answer panel */
.faqx-panel{
  overflow:hidden;max-height:0;transition:max-height .25s ease;
  padding:0 14px;border-top:1px dashed var(--line);color:#475569;line-height:1.65;font-size:.95rem;
}
.faqx-item.is-open .faqx-panel{padding:10px 14px 14px}

/* Image band (optional between groups) */
.faqx-band{margin:26px 0;border-radius:14px;overflow:hidden}
.faqx-band img{width:100%;height:240px;object-fit:cover;display:block}

/* Closing CTA */
.faqx-cta{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center;box-shadow:var(--shadow-sm)}
.faqx-cta a{text-decoration:underline}

/* in home.css or faqs.css if page-scoped */
.hc-footer .hc-social a i { font-size:18px; }
.hc-footer .hc-social a { color:#e2e8f0; }
.hc-footer .hc-social a:hover { color:#fbbf24; }
.footer-contact .ico i { width:18px; }


/* Scope darker alt only to FAQs section */
.faqx-shell {
  background: #EFF1F3; /* 7% darker neutral */
}

/* Stronger, brand-consistent focus outline */
.faqx-toggle:focus-visible,
.faqx-search input:focus {
  outline: 3px solid #2563EB !important; /* Halcon brand blue */
  outline-offset: 2px;
}