.social-help-page { min-height: 100vh; }
.social-help-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1120px; margin: auto; padding: 24px 32px; }
.social-help-brand { text-decoration: none; }
.social-help-navigation { display: flex; align-items: center; gap: 24px; }
.social-help-navigation > a:not(.social-primary) { color: var(--social-purple); font-weight: 600; }
.social-app.social-help-content { max-width: 860px; margin: 24px auto 0; padding: 24px 32px 64px; }
.social-help-intro { margin-bottom: 32px; }
.social-help-intro p { max-width: 620px; line-height: 1.6; }
.social-help-faq { display: grid; gap: 12px; }
.social-help-question { border: 1px solid var(--social-line); border-radius: 12px; background: #fff; scroll-margin-top: 24px; }
.social-help-question[open], .social-help-question:target { border-color: #b69adb; }
.social-help-question summary { padding: 20px 24px; font-weight: 650; font-size: 16px; line-height: 1.5; cursor: pointer; overflow-wrap: anywhere; border-radius: 12px; }
.social-help-question summary::marker { color: var(--social-purple); }
.social-help-question summary:hover { background: var(--social-lavender); }
.social-help-answer { padding: 0 24px 24px; line-height: 1.7; }
.social-help-answer p { margin: 0 0 12px; color: var(--social-muted); }
.social-help-answer a { color: var(--social-purple); font-weight: 600; text-underline-offset: 3px; }
@media (max-width: 600px) {
    .social-help-header { padding: 20px; flex-wrap: wrap; gap: 16px; }
    .social-help-navigation { width: 100%; justify-content: space-between; gap: 16px; }
    .social-app.social-help-content { margin-top: 0; padding: 24px 20px 48px; }
    .social-help-question summary { padding: 18px; }
    .social-help-answer { padding: 0 18px 20px; }
}
