.whc-faq-search-shell{
  max-width:1100px;
  margin:0 auto;
}

.whc-faq-search-hero{
  position:relative;
  overflow:hidden;
  border:1.5px solid var(--whc-border);
  border-radius:2rem;
  background:linear-gradient(135deg,var(--whc-warm-white) 0%, #ffffff 48%, #f9f6f7 100%);
  padding:2rem;
  box-shadow:0 18px 40px -20px rgba(0,30,66,.20);
  margin-bottom:2rem;
}

.whc-faq-search-hero::before,
.whc-faq-search-hero::after{
  content:"";
  position:absolute;
  border-radius:9999px;
  pointer-events:none;
}

.whc-faq-search-hero::before{
  width:18rem;
  height:18rem;
  right:-6rem;
  top:-5rem;
  background:radial-gradient(circle, rgba(93,197,211,.20) 0%, rgba(93,197,211,0) 70%);
}

.whc-faq-search-hero::after{
  width:15rem;
  height:15rem;
  left:-5rem;
  bottom:-6rem;
  background:radial-gradient(circle, rgba(202,147,150,.18) 0%, rgba(202,147,150,0) 70%);
}

.whc-faq-search-hero-inner{
  position:relative;
  z-index:2;
}

.whc-faq-search-form{
  margin-top:1.35rem;
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  align-items:center;
}

.whc-faq-search-input-wrap{
  position:relative;
  flex:1 1 460px;
  min-width:280px;
}

.whc-faq-search-input-wrap svg{
  position:absolute;
  top:50%;
  left:28px !important;
  z-index:2;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  color:var(--whc-muted-light);
  pointer-events:none;
}

.whc-faq-search-input{
  width:100%;
  min-height:60px;
  border-radius:9999px;
  border:1.5px solid var(--whc-border);
  background:#fff;
  color:var(--whc-navy);
  padding:0 18px 0 72px !important;
  text-indent:0 !important;
  font-size:1rem;
  line-height:1.4;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  transition:var(--whc-transition);
  outline:none;
}

.whc-faq-search-input:focus{
  border-color:var(--whc-blue);
  box-shadow:0 0 0 4px rgba(60,147,199,.12);
}

.whc-faq-search-actions{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
}

.whc-faq-search-helper{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1rem;
}

.whc-faq-search-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.6rem .95rem;
  border-radius:9999px;
  border:1px solid #e7ebf1;
  background:#fff;
  color:var(--whc-navy);
  font-size:.82rem;
  font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.03);
}

.whc-faq-search-topics{
  margin-bottom:1.35rem;
}

.whc-faq-search-empty{
  text-align:center;
  border:1.5px dashed rgba(202,147,150,.35);
  border-radius:1.5rem;
  padding:2rem;
  background:#fff;
}

.whc-faq-search-empty h3{
  margin:0 0 .45rem;
  color:var(--whc-navy);
  font-size:1.35rem;
  line-height:1.2;
}

.whc-faq-search-empty p{
  margin:0;
  color:var(--whc-muted);
  line-height:1.7;
}

@media (max-width: 768px){
  .whc-faq-search-hero{
    padding:1.35rem;
    border-radius:1.5rem;
  }

  .whc-faq-search-actions{
    width:100%;
  }

  .whc-faq-search-actions .whc-btn-primary,
  .whc-faq-search-actions .whc-btn-ghost-light{
    width:100%;
    justify-content:center !important;
  }
}
.whc-faq-search-chip{
  text-decoration:none !important;
}

.whc-faq-search-meta{
  margin-bottom:1.35rem;
}

.whc-faq-search-meta p{
  margin:0;
  color:var(--whc-muted);
  font-size:.95rem;
}

.whc-faq-search-featured{
  margin-bottom:1.25rem;
}

.whc-faq-search-featured .whc-card-heading,
.whc-faq-search-featured .whc-card-body{
  color:#fff !important;
}

.whc-faq-search-featured .whc-card-body{
  font-size:.95rem;
  line-height:1.8;
}

.whc-faq-search-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.15rem;
  margin-top:1.15rem;
}

.whc-faq-search-card .whc-card-body{
  font-size:.9rem;
  line-height:1.75;
}

.whc-faq-pagination{
  margin-top:2rem;
}

.whc-faq-pagination ul{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  list-style:none;
  margin:0;
  padding:0;
}

.whc-faq-pagination a,
.whc-faq-pagination span{
  min-width:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 .8rem;
  border-radius:9999px;
  border:1.5px solid var(--whc-border);
  background:#fff;
  color:var(--whc-navy);
  text-decoration:none !important;
}

.whc-faq-pagination .current{
  background:var(--whc-navy);
  border-color:var(--whc-navy);
  color:#fff;
}

@media (max-width: 980px){
  .whc-faq-search-grid{
    grid-template-columns:1fr;
  }
}