.hq-sidebar-widget {
    position: sticky;
    top: 88px;
    background: var(--pp-bg, var(--color-bg-primary, #fff));
    border-radius: var(--radius-xl);
    border: 1px solid var(--pp-border, var(--border-color));
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.hq-sidebar-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pp-text-muted, var(--text-muted));
    padding: 20px 24px 12px;
    border-bottom: 1px solid var(--pp-border, var(--border-color));
}

.hq-sidebar-content {
    padding: 16px 24px;
}

[data-theme="dark"] .hq-sidebar-widget {
    background: var(--pp-bg-dark, var(--color-bg-secondary));
    border-color: var(--pp-border, var(--border-color));
}

[data-theme="dark"] .hq-sidebar-title {
    color: var(--pp-text-muted, var(--text-muted));
    border-bottom-color: var(--pp-border, var(--border-color));
}

@media (max-width: 1024px) {
    .hq-sidebar-widget {
        position: static;
        top: auto;
    }
}

@media (max-width: 768px) {
    .hq-sidebar-widget {
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}