/* ============================================================
   HELP CENTER SIDEBOX — Standalone CSS
   Loaded on ALL pages (included in CSS whitelists)
   The full help center page CSS remains in stylesheet_help_center.css.
   ============================================================ */
.help-center-sidebox a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: .625rem .75rem;
    font-family: 'Montserrat', sans-serif;
    font-size: .8125rem;
    color: var(--theme-text-secondary, #777);
    text-decoration: none;
    border-bottom: 1px solid var(--theme-border-light, #eee);
    transition: color .2s, padding-left .2s, background .2s;
}

.help-center-sidebox a:last-child {
    border-bottom: none;
}

.help-center-sidebox a:hover {
    color: var(--theme-accent-gold, #D4AF37);
    padding-left: 1rem;
    background: rgba(212, 175, 55, .04);
}

.help-center-sidebox a.active {
    color: var(--theme-accent-gold, #D4AF37);
    font-weight: 600;
    border-left: 3px solid var(--theme-accent-gold, #D4AF37);
    background: rgba(212, 175, 55, .06);
}

.help-center-sidebox a svg {
    flex-shrink: 0;
    color: var(--theme-accent-gold, #D4AF37);
    opacity: .7;
}

.help-center-sidebox a:hover svg,
.help-center-sidebox a.active svg {
    opacity: 1;
}