/* Help Center — doc layout on top of style-v2.css (base) + landing.css (nav/footer) */
.help-wrap { max-width: 800px; margin: 0 auto; padding: 40px 22px 72px; position: relative; z-index: 1; }
.help-crumb { font-size: 12px; color: var(--ink-700); margin-bottom: 16px; }
.help-crumb a { color: var(--ink-500); text-decoration: none; }
.help-crumb a:hover { color: var(--ember); }
.help-hero h1 { font-family: var(--font-display); font-size: clamp(28px, 5vw, 40px); line-height: 1.12; margin: 0 0 12px; color: var(--ink-100); letter-spacing: -0.01em; }
.help-hero h1 em { font-style: italic; color: var(--ember); }
.help-lede { font-size: 16px; line-height: 1.6; color: var(--ink-500); margin: 0; max-width: 640px; }
.help-body { margin-top: 34px; }
.help-body h2 { font-family: var(--font-display); font-size: 22px; margin: 40px 0 12px; color: var(--ink-100); letter-spacing: -0.01em; }
.help-body h3 { font-size: 16px; margin: 26px 0 8px; color: var(--ink-100); }
.help-body p { font-size: 15px; line-height: 1.72; color: var(--ink-300, #c7c7ce); margin: 0 0 14px; }
.help-body ul { font-size: 15px; line-height: 1.72; color: var(--ink-300, #c7c7ce); padding-left: 20px; margin: 0 0 16px; }
.help-body li { margin-bottom: 7px; }
.help-body a { color: var(--ember); text-decoration: none; }
.help-body a:hover { text-decoration: underline; }
.help-body strong, .help-body b { color: var(--ink-100); }
.help-steps { list-style: none; counter-reset: s; padding: 0; margin: 18px 0 24px; }
.help-steps li { counter-increment: s; position: relative; padding: 3px 0 16px 48px; font-size: 15px; line-height: 1.6; color: var(--ink-300, #c7c7ce); }
.help-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--ember); color: #0a0a0b; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.help-callout { border: 1px solid var(--hairline); border-left: 3px solid var(--ember); border-radius: 8px; padding: 14px 16px; margin: 20px 0; background: rgba(255,255,255,0.02); font-size: 14px; line-height: 1.65; color: var(--ink-300, #c7c7ce); }
.help-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin: 22px 0; }
.help-card { border: 1px solid var(--hairline); border-radius: 10px; padding: 16px 18px; text-decoration: none; display: block; transition: border-color .15s, transform .15s; }
.help-card:hover { border-color: var(--ember); transform: translateY(-2px); }
.help-card h3 { margin: 0 0 6px; font-size: 15px; color: var(--ink-100); }
.help-card p { margin: 0; font-size: 13px; color: var(--ink-500); line-height: 1.5; }
.help-cta { border: 1px solid var(--hairline); border-radius: 12px; padding: 28px 24px; text-align: center; margin: 48px 0 0; background: rgba(255,255,255,0.02); }
.help-cta h2 { margin: 0 0 8px; font-family: var(--font-display); font-size: 22px; color: var(--ink-100); }
.help-cta p { margin: 0 0 18px; color: var(--ink-500); font-size: 14px; }
details.help-faq { border-bottom: 1px solid var(--hairline); padding: 15px 0; }
details.help-faq summary { font-size: 15px; font-weight: 600; color: var(--ink-100); cursor: pointer; list-style: none; display: flex; }
details.help-faq summary::-webkit-details-marker { display: none; }
details.help-faq summary::before { content: '+'; color: var(--ember); margin-right: 12px; font-weight: 700; flex: 0 0 auto; }
details.help-faq[open] summary::before { content: '\2013'; }
details.help-faq p { margin: 11px 0 2px 24px; font-size: 14px; line-height: 1.72; color: var(--ink-300, #c7c7ce); }