/* Styles for Help Center page */
.help-center-container {
    max-width: 820px;
    margin: 6.5rem auto 3rem auto;
    background: var(--card-bg, #fff);
    border-radius: 12px;
    box-shadow: 0 6px 30px rgba(2,6,23,0.06);
    padding: 2.25rem 2rem;
    text-align: left;
}
.help-center-container h1 { font-size: 1.9rem; font-weight: 700; margin-bottom: 0.9rem; }
.help-center-container p { color: #424242; margin-bottom: 1rem; }

.help-actions { display:flex; gap:12px; align-items:center; margin-bottom:1rem; }
.help-actions input[type="search"] {
    flex:1 1 320px; padding:10px 12px; border-radius:10px; border:1px solid #e6e6e6; font-size:1rem;
}
.help-actions .contact-cta { background:#111; color:#fff; padding:10px 14px; border-radius:10px; text-decoration:none; font-weight:600; }
.help-actions .contact-cta:hover { opacity:0.95; }

.faq-list { margin-top: 1rem; }
.faq-item { margin-bottom: 0.9rem; border-radius:8px; overflow:hidden; }
.faq-q { display:block; width:100%; text-align:left; background:transparent; border:0; padding:12px; font-weight:700; font-size:1.02rem; cursor:pointer; color:#111; }
.faq-q[aria-expanded="true"] { background:#f7fbff; }
.faq-a { color:#444; font-size:0.98rem; padding:0 12px 12px 12px; line-height:1.45; display:none; }
.faq-a.show { display:block; }

@media (max-width: 800px) {
    .help-center-container { margin: 3.5rem 12px 2rem 12px; padding:1.25rem; }
    .help-actions { flex-direction:column; align-items:stretch; }
    .help-actions .contact-cta { width:100%; text-align:center; }
}

/* Dark mode adjustments if site uses body.dark-mode */
body.dark-mode .help-center-container { background:#121212; color:#e6e6e6; box-shadow:none; border:1px solid rgba(255,255,255,0.03); }
body.dark-mode .faq-q { color:#e6e6e6; }
body.dark-mode .faq-a { color:#cfcfcf; }