.domain-help-note { margin-top: 16px; padding: 16px 18px; border: 1px solid #354432; border-radius: 10px; background: #60b55e08; }
.domain-help-note p { color: #c9c8bf; font-size: 14px; line-height: 1.65; margin: 0; }
.domain-help-note strong { color: #f4f2ec; font-weight: 600; }
button.domain-help-trigger { display: inline-flex; align-items: center; gap: 7px; padding: 8px 0; min-height: 44px; background: none; color: #85cf83; font-size: 14px; font-weight: 600; text-align: left; }
.domain-help-trigger svg { flex: none; }
.domain-help-trigger:hover { text-decoration: underline; text-underline-offset: 4px; }
.domain-help-dialog { color-scheme: dark; width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #41413a; border-radius: 18px; background: #1c1c19; color: #f4f2ec; box-shadow: 0 24px 80px #0006; }
.domain-help-dialog::backdrop { background: #000b; backdrop-filter: blur(4px); }
.domain-help-body { padding: 28px 28px 0; }
.domain-help-dialog .domain-help-eyebrow { margin: 0 0 12px; color: #85cf83; font-size: 11px; font-weight: 650; text-transform: uppercase; letter-spacing: .1em; }
.domain-help-dialog h2 { font-size: clamp(24px, 4vw, 30px); line-height: 1.2; letter-spacing: -.03em; margin: 0 0 16px; }
.domain-help-dialog p { color: #c9c8bf; font-size: 14px; line-height: 1.65; }
.domain-help-dialog strong { color: #f4f2ec; }
.domain-help-steps { padding-left: 22px; margin: 24px 0; }
.domain-help-steps li { padding-left: 8px; margin-bottom: 18px; font-size: 14px; }
.domain-help-steps li::marker { color: #85cf83; font-weight: 700; }
.domain-help-steps p { margin: 5px 0 0; }
.domain-help-example { overflow-wrap: anywhere; }
.domain-help-support { padding: 16px; background: #60b55e0c; border: 1px solid #354432; border-radius: 10px; font-size: 14px; }
.domain-help-support p { margin: 6px 0; }
.domain-help-support a { display: inline-block; padding-block: 7px; color: #85cf83; overflow-wrap: anywhere; text-underline-offset: 3px; }
.domain-help-actions { position: sticky; bottom: 0; background: #1c1c19; border-top: 1px solid #2b2b27; display: flex; justify-content: flex-end; padding: 20px 28px; }
.domain-help-actions button { min-height: 44px; background: #60b55e; color: #0c1c0c; padding: 12px 24px; }
.domain-help-trigger:focus-visible, .domain-help-dialog :focus-visible { outline: 2px solid #85cf83; outline-offset: 4px; }
@media (max-width: 480px) { .domain-help-body { padding: 22px 20px 0; } .domain-help-actions { padding: 18px 20px; } .domain-help-actions button { width: 100%; } .domain-help-note { padding: 14px; } }