/* Centre d'aide / FAQ (lot A #10) */
.ns-help-hero {
    background: var(--ns-hero); border: 1px solid var(--ns-border); border-radius: var(--ns-radius, 16px);
    padding: clamp(1.5rem, 4vw, 3rem); text-align: center;
}
.ns-help-title { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; color: var(--ns-text); }
.ns-help-hero .ns-help-title { font-size: clamp(1.6rem, 3.5vw, 2.4rem); margin-bottom: 1.25rem; }
.ns-help-search { position: relative; display: flex; gap: .5rem; max-width: 640px; margin: 0 auto; }
.ns-help-search .form-control { padding-left: 2.6rem; border-radius: 999px; }
.ns-help-search .btn { border-radius: 999px; white-space: nowrap; }
.ns-help-search-ico { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--ns-muted); pointer-events: none; }
.ns-help-side .ns-help-search { flex-direction: column; }
.ns-help-side .ns-help-search .form-control { font-size: 1rem; padding-top: .5rem; padding-bottom: .5rem; }
.ns-help-side .ns-help-search-ico { top: 1.25rem; }

.ns-help-cat {
    background: var(--ns-surface); border: 1px solid var(--ns-border); border-radius: var(--ns-radius, 16px);
    box-shadow: var(--ns-shadow); padding: 1.25rem; transition: transform .2s ease, box-shadow .2s ease;
}
.ns-help-cat:hover { transform: translateY(-2px); }
.ns-help-cat-head { display: flex; gap: .85rem; align-items: center; text-decoration: none; color: inherit; margin-bottom: .75rem; }
.ns-help-cat-ico {
    flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--naydor-gold), var(--naydor-dark-gold)); color: #fff; font-size: 1.25rem;
}
.ns-help-cat-name { display: block; font-weight: 700; font-size: 1.05rem; }
.ns-help-cat-desc { display: block; color: var(--ns-muted); font-size: .85rem; }
.ns-help-cat-list { list-style: none; padding: 0; margin: 0 0 .5rem; }
.ns-help-cat-list li { padding: .3rem 0; border-top: 1px dashed var(--ns-border); }
.ns-help-cat-list a { color: var(--ns-text); text-decoration: none; font-size: .92rem; }
.ns-help-cat-list a:hover { color: var(--naydor-gold); }

.ns-help-list .list-group-item { display: flex; flex-direction: column; gap: .15rem; }
.ns-help-list-cat { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--naydor-gold); }
.ns-help-empty, .ns-help-contact {
    background: var(--ns-surface); border: 1px solid var(--ns-border); border-radius: var(--ns-radius, 16px); padding: 1.5rem;
}
.ns-help-empty { text-align: center; }
.ns-help-empty > .fas { font-size: 2rem; color: var(--naydor-gold); margin-bottom: .5rem; }
.ns-help-contact { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; }

.ns-help-cat-hero { display: flex; gap: 1rem; align-items: center; }
.ns-help-accordion .accordion-button { font-weight: 600; }
.ns-help-accordion .accordion-button:not(.collapsed) { color: var(--naydor-dark-gold); background: var(--ns-surface-2); }
.ns-help-answer { line-height: 1.7; }
.ns-help-article, .ns-help-vote, .ns-help-side {
    background: var(--ns-surface); border: 1px solid var(--ns-border); border-radius: var(--ns-radius, 16px);
    padding: clamp(1rem, 3vw, 2rem); box-shadow: var(--ns-shadow);
}
.ns-help-side { position: sticky; top: 90px; }
.ns-help-util { min-width: 140px; }
.ns-help-meter { display: inline-block; width: 80px; height: 8px; border-radius: 99px; background: var(--ns-border); overflow: hidden; vertical-align: middle; margin-right: .4rem; }
.ns-help-meter span { display: block; height: 100%; background: var(--naydor-green); }
@media (max-width: 575.98px) {
    .ns-help-search { flex-direction: column; }
    .ns-help-side { position: static; }
}