/* Epic FAQ Manager – Styles */
.epic-faq-wrapper{max-width:1100px;margin:40px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

/* Search */
.epic-faq-searchbar{display:flex;justify-content:center;margin-bottom:16px}
.epic-faq-searchbar .epic-faq-search{width:100%;max-width:720px;padding:14px 16px;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.06);font-size:16px;outline:none;transition:border-color .2s, box-shadow .2s}
.epic-faq-searchbar .epic-faq-search:focus{border-color:#8ab4ff;box-shadow:0 10px 28px rgba(0,0,0,.10),0 0 0 4px rgba(138,180,255,.25)}

/* Pills */
.epic-faq-pills{display:flex;align-items:center;gap:12px;margin:6px 0 18px}
.epic-faq-pills-label{white-space:nowrap;color:#374151}
.epic-faq-pills-row{display:flex;gap:16px;flex-wrap:wrap}
.epic-faq-catpill{padding:10px 18px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05);cursor:pointer;font-weight:700;letter-spacing:.01em}
.epic-faq-catpill.is-active,.epic-faq-catpill.is-active-pre{border-color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.08)}

/* Columns */
.epic-faq-columns{display:flex;gap:14px;align-items:flex-start}
.epic-faq-col{flex:0 0 calc(50% - 7px);align-self:flex-start}
@media (max-width:900px){.epic-faq-columns{flex-direction:column}.epic-faq-col{flex:1 1 100%}}

/* Items */
.epic-faq-item{background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.07);overflow:hidden}
.epic-faq-col .epic-faq-item + .epic-faq-item{margin-top:12px}

/* Question button */
.epic-faq-question{all:unset;display:flex;align-items:center;gap:12px;justify-content:flex-start;cursor:pointer;width:100%;padding:22px 24px;font-weight:700;font-size:16px;color:#0f172a}
.epic-faq-question .icon{display:inline-block;width:18px;min-width:18px;text-align:center;font-size:18px;font-weight:700;transition:transform .2s ease}
.epic-faq-question[aria-expanded="true"] .icon{transform:rotate(45deg)}

/* Answer */
.epic-faq-answer{padding:0 24px 22px 62px;color:#374151;line-height:1.65}

/* Empty states */
.epic-faq-empty,.epic-faq-no-cats{text-align:center;padding:24px;border:1px dashed #e5e7eb;border-radius:12px;color:#6b7280;background:#fafafa}

/* Group headings */
.epic-faq-heading{font-size:20px;font-weight:800;margin:24px 0 10px;color:#111827}

/* Responsive */
@media (max-width: 768px){
  .epic-faq-searchbar .epic-faq-search{max-width:100%}
  .epic-faq-pills{flex-direction:column; align-items:stretch; gap:8px}
  .epic-faq-pills-label{margin-bottom:4px}
  .epic-faq-pills-row{display:flex; gap:10px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:2px 2px 8px 2px}
  .epic-faq-catpill{flex:0 0 auto; white-space:nowrap}
  .epic-faq-columns{flex-direction:column; gap:12px}
  .epic-faq-col{flex:1 1 100%}
  .epic-faq-question{padding:20px}
  .epic-faq-answer{padding:0 20px 20px 56px}
}
