/* Support page unified search */
.support-search.ss-ready { position: relative; }
.ss-panel { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 60; max-height: min(70vh, 520px); overflow-y: auto; text-align: left;
  background: var(--surface-default, #fff); border: 1px solid var(--border-default, #e4e7ec); border-radius: var(--radius-lg, 14px); box-shadow: var(--shadow-xl, 0 20px 40px rgba(16,24,40,.18)); padding: .5rem; }
.ss-group + .ss-group { border-top: 1px solid var(--border-default, #e4e7ec); margin-top: .35rem; padding-top: .35rem; }
.ss-group__title { margin: .35rem .6rem .25rem; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted, #667085); }
.ss-group__title span { display: inline-block; margin-left: .3rem; padding: 0 .4rem; border-radius: 10px; background: var(--brand-faint, #eaf2ff); color: var(--brand-strong, #1d5fd1); }
.ss-group ul { list-style: none; margin: 0; padding: 0; }
.ss-item { display: flex; gap: .7rem; align-items: flex-start; padding: .6rem; border-radius: var(--radius-md, 10px); color: inherit; text-decoration: none; }
.ss-item:hover, .ss-item.is-active, .ss-item:focus-visible { background: var(--surface-faint, #f5f8fe); outline: none; }
.ss-item__badge { flex: 0 0 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: var(--gradient-brand, #1d5fd1); color: #fff; font-weight: 700; font-size: .8rem; }
.ss-item__badge--doc { background: var(--brand-faint, #eaf2ff); color: var(--brand-strong, #1d5fd1); }
.ss-item__body { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.ss-item__body strong { font-size: .92rem; color: var(--text-strong, #101828); line-height: 1.35; }
.ss-item__body small { font-size: .8rem; color: var(--text-muted, #667085); line-height: 1.45; }
.ss-item mark { background: rgba(255, 213, 79, .45); color: inherit; padding: 0 1px; border-radius: 2px; }
.ss-more { display: inline-block; margin: .3rem .6rem .5rem; font-weight: 600; font-size: .85rem; color: var(--brand-strong, #1d5fd1); }
.ss-more.is-active { text-decoration: underline; }
.ss-loading { margin: .5rem .6rem; font-size: .82rem; color: var(--text-muted, #667085); }
.ss-empty { padding: 1rem; text-align: center; color: var(--text-default, #344054); }
.ss-empty p { margin: 0 0 .35rem; }
.ss-empty__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin-top: .75rem; }
.ss-empty a.is-active { outline: 2px solid var(--brand-strong, #1d5fd1); outline-offset: 2px; }
.ss-results { padding: var(--space-xl, 2.5rem) 0 0; }
.ss-results__card { max-width: 900px; margin: 0 auto; padding: var(--space-lg, 1.5rem); background: var(--surface-default, #fff); border: 1px solid var(--border-default, #e4e7ec); border-radius: var(--card-radius, 14px); box-shadow: var(--shadow-card, 0 8px 24px rgba(16,24,40,.06)); }
.ss-results__title { margin: 0 0 .75rem; font-size: var(--h4-size, 1.4rem); color: var(--text-strong, #101828); }
.support-faq__item.ss-flash { animation: ssflash 1.8s ease; }
@keyframes ssflash { 0%, 40% { box-shadow: 0 0 0 3px var(--brand-strong, #1d5fd1); } 100% { box-shadow: 0 0 0 0 transparent; } }
.support-hero__tag { cursor: pointer; }
@media (max-width: 575px) {
  .ss-panel { max-height: 60vh; border-radius: var(--radius-md, 10px); }
  .ss-item__body small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .ss-results__card { padding: 1rem; }
}