/* Tinnitus FAQ: search, topics, a next step under every answer, "still have a question?" card (TEST build). Built by tinnitus-faq.js.
   Search and card styles are the same as the St Annes FAQ (copied so each page stands alone). */
.sf{max-width:860px;margin:0 auto 26px;text-align:center}
.sf__search{position:relative;display:block;max-width:560px;margin:0 auto 16px}
.sf__search svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:none;stroke:#C9A25B;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.sf__search input{width:100%;font:inherit;font-size:1rem;color:#2A1F1A;padding:15px 22px 15px 52px;border-radius:99px;border:1px solid rgba(201,162,91,.40);
  background:#F6EFE6;box-shadow:inset 4px 4px 10px rgba(148,124,100,.26),inset -4px -4px 10px rgba(255,255,255,.95);outline:none;transition:border-color .2s,box-shadow .2s}
.sf__search input::placeholder{color:#8A7A6D}
.sf__search input:focus{border-color:#C9A25B;box-shadow:inset 4px 4px 10px rgba(148,124,100,.26),inset -4px -4px 10px rgba(255,255,255,.95),0 0 0 3px rgba(201,162,91,.25)}
.sf__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sf__chip{font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;color:#5C5048;padding:9px 18px;border-radius:99px;
  background:linear-gradient(160deg,#FFFDFA,#F6EFE6);border:1px solid rgba(201,162,91,.40);
  box-shadow:3px 3px 8px rgba(148,124,100,.22),-3px -3px 8px rgba(255,255,255,.95);transition:transform .2s,background .2s,color .2s}
.sf__chip:hover{transform:translateY(-2px)}
.sf__chip[aria-pressed="true"]{background:#482C5B;color:#fff;border-color:#482C5B;box-shadow:inset 3px 3px 8px rgba(0,0,0,.28);transform:none}
.sf__chip:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}
.sf__count{min-height:1.4em;margin-top:12px;font-size:.86rem;color:#8A6A2E;font-weight:600;letter-spacing:.04em}
#faq .faq__item[hidden]{display:none !important}

.sf__help{max-width:640px;margin:clamp(22px,3vw,34px) auto 0;padding:clamp(20px,3vw,28px);border-radius:24px;text-align:center;
  background:linear-gradient(160deg,#FFFDFA,#F6EFE6);border:1px solid rgba(201,162,91,.40);
  box-shadow:6px 6px 16px rgba(148,124,100,.24),-6px -6px 16px rgba(255,255,255,.95)}
.sf__help strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.3rem;font-weight:600;color:#2A1F1A;margin-bottom:4px}
.sf__help span{display:block;color:#5C5048;margin-bottom:16px}
.sf__helpbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sf__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:200px;padding:12px 26px;border-radius:999px;font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .2s,background .2s}
.sf__btn--call{color:#fff;background:linear-gradient(160deg,#5A3A74,#482C5B 55%,#3A2349);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px rgba(72,44,91,.30)}
.sf__btn--call:hover{transform:translateY(-1px);background:linear-gradient(160deg,#654183,#52316A 55%,#412855)}
.sf__btn--wa{color:#482C5B;background:#FCF8F3;border:1.5px solid rgba(72,44,91,.40)}
.sf__btn--wa:hover{background:#fff;transform:translateY(-1px)}
.sf__btn:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}
.sf__help.is-none{border-color:rgba(199,106,74,.45)}

/* the page's own list stays two narrow columns on phones; one column reads properly */
@media(max-width:760px){#faq .faq__list{grid-template-columns:1fr}}
@media(max-width:560px){.sf__btn{width:100%}.sf__chip{padding:9px 15px}}
@media(prefers-reduced-motion:reduce){.sf__chip,.sf__btn{transition:none}}

/* one useful next step under each answer */
.tf__next{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:700;font-size:.92rem;color:#482C5B;text-decoration:none;
  padding:8px 14px;border-radius:999px;border:1.5px solid rgba(72,44,91,.30);background:#FCF8F3;transition:background .2s}
.tf__next::after{content:"\203A";font-size:1.15em;line-height:1}
.tf__next:hover{background:#fff}
.tf__next:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}