.page-help .help-page{width:min(100% - 48px,700px);margin:70px auto 100px;padding:0;min-width:0}
.page-help .help-heading{margin-bottom:36px}
.page-help .help-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--o-accent);margin:0 0 14px}
.page-help .help-heading h1{font-family:Outfit,Inter,system-ui,sans-serif;font-size:clamp(32px,5vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.04em;margin:0 0 16px;color:var(--o-ink)}
.page-help .help-heading>p:last-child{font-size:14px;line-height:1.7;color:var(--o-muted);max-width:520px;margin:0}
.page-help .help-form{display:grid;gap:24px;border-top:1px solid var(--o-line);padding-top:28px}
.page-help .help-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
.page-help .help-field{display:grid;gap:9px;min-width:0}
.page-help .help-field label{font-size:13px;font-weight:550;line-height:1.5;color:var(--o-ink)}
.page-help .help-field label span{font-size:12px;font-weight:400;color:var(--o-muted);margin-left:5px}
.page-help .help-field :is(input,textarea){appearance:none;box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--o-line);border-radius:5px;background:var(--o-surface);color:var(--o-ink);font:400 16px/1.5 Inter,system-ui,sans-serif;padding:11px 12px;transition:border-color 150ms ease,outline-color 150ms ease}
.page-help .help-field textarea{resize:vertical;min-height:135px;max-height:600px}
.page-help .help-field :is(input,textarea):focus-visible{outline:2px solid var(--o-accent);outline-offset:3px;border-color:var(--o-accent)}
.page-help .help-field [aria-invalid=true]{border-color:#a83f48}
.page-help .help-field-error{color:#a83f48;font-size:12px;line-height:1.5}
.page-help .help-privacy{font-size:12px;line-height:1.8;color:var(--o-muted);margin:0;max-width:620px}
.page-help .help-page a{color:var(--o-ink);text-underline-offset:3px;overflow-wrap:anywhere}
.page-help .help-page a:hover{color:var(--o-accent)}
.page-help .help-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}
.page-help .help-actions button{appearance:none;border:1px solid var(--o-accent);border-radius:5px;padding:12px 22px;min-height:46px;background:var(--o-accent);color:var(--o-on-accent,#fff);font:550 13px/1.5 Inter,system-ui,sans-serif;cursor:pointer;transition:opacity 150ms ease}
.page-help .help-actions button:hover{opacity:.86}
.page-help .help-actions a{font-size:12px;color:var(--o-muted)}
.page-help .help-actions button:focus-visible,.page-help .help-page a:focus-visible{outline:2px solid var(--o-accent);outline-offset:4px}
.page-help .help-status{padding:17px 18px;margin:0 0 28px;border-left:3px solid var(--o-accent);background:var(--o-soft);color:var(--o-ink);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.page-help .help-status p{margin:0;color:var(--o-ink)}
.page-help .help-status ul{margin:8px 0 0;padding-left:19px}
.page-help .help-status-error{border-left-color:#a83f48;background:var(--o-surface)}
.page-help .help-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
html[data-theme=dark] .page-help .help-field-error{color:#f2a0aa}
html[data-theme=dark] .page-help .help-field [aria-invalid=true],html[data-theme=dark] .page-help .help-status-error{border-color:#f2a0aa}
@media(max-width:600px){.page-help .help-page{width:calc(100% - 36px);margin-top:38px;margin-bottom:68px}.page-help .help-two-fields{grid-template-columns:1fr;gap:24px}.page-help .help-heading{margin-bottom:28px}.page-help .help-actions{align-items:flex-start;flex-direction:column;gap:17px}.page-help .help-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.page-help .help-field :is(input,textarea),.page-help .help-actions button{transition:none}}
