body.quick-help-open { overflow: hidden; }
.quick-help-button { display: inline-block; cursor: pointer; border: 1px solid currentColor; padding: 11px 18px; color: inherit; background: transparent; font: 700 12px 'Manrope',Arial,sans-serif; margin-top: 18px; }
.quick-help-button:hover { background: #d9cfb9; color: #202722; }
.quick-help-button:focus-visible, .quick-help-dialog :focus-visible { outline: 3px solid #897a52; outline-offset: 3px; }
.quick-help-floating { position: fixed; right: 24px; bottom: 24px; z-index: 90; border: 1px solid #d9cfb9; background: #202722; color: white; border-radius: 40px; padding: 17px 25px; box-shadow: 0 5px 24px #0003; margin: 0; }
.quick-help-dialog { width: min(660px,calc(100% - 32px)); max-height: min(90dvh,900px); padding: 35px; border: 0; color: #202722; background: #f3f1eb; overflow-y: auto; box-shadow: 0 20px 70px #0005; }
.quick-help-dialog::backdrop { background: #101912b8; }
.quick-help-close { position: absolute; right: 12px; top: 8px; background: transparent; border: 0; font-size: 30px; color: #202722; cursor: pointer; padding: 6px 12px; }
.quick-help-eyebrow { margin: 0 35px 16px 0; font: 700 10px 'Manrope',Arial,sans-serif; letter-spacing: .12em; }
.quick-help-dialog h2 { margin: 0 25px 16px 0; font: 500 34px/1.1 'Manrope',Arial,sans-serif; letter-spacing: -.03em; }
.quick-help-context { font-size: 13px; line-height: 1.6; color: #555b55; }
.quick-help-methods { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 24px 0 28px; }
.quick-help-methods a { border: 1px solid #bdb7a7; padding: 16px 12px; text-decoration: none; }
.quick-help-methods strong, .quick-help-methods span { display: block; }
.quick-help-methods strong { font: 700 13px 'Manrope',Arial,sans-serif; margin-bottom: 8px; }
.quick-help-methods span { font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.quick-help-dialog h3 { font: 500 24px 'Manrope',Arial,sans-serif; margin-bottom: 20px; }
.quick-help-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.quick-help-fields label:first-child { grid-column: 1 / -1; }
.quick-help-dialog label { display: block; font-size: 12px; }
.quick-help-dialog input, .quick-help-dialog textarea { box-sizing: border-box; display: block; width: 100%; margin-top: 7px; padding: 11px; background: white; color: #202722; border: 1px solid #bdb7a7; border-radius: 0; font: 14px 'Poppins',Arial,sans-serif; }
.quick-help-dialog textarea { resize: vertical; }
.quick-help-dialog .quick-help-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.quick-help-submit { cursor: pointer; background: #202722; color: white; padding: 15px 20px; border: 0; font: 700 13px 'Manrope',Arial,sans-serif; margin-top: 18px; }
.quick-help-submit:disabled { opacity: .6; cursor: wait; }
.quick-help-note, .quick-help-dialog .form-status { font-size: 11px; line-height: 1.7; margin: 12px 0 0; }
.quick-help-dialog .is-error { color: #8b3020; }
.quick-help-dialog .is-success { color: #315337; }
@media (max-width: 700px) { .quick-help-dialog { padding: 28px 22px; } .quick-help-dialog h2 { font-size: 29px; } .quick-help-floating { right: 16px; bottom: 88px; } .quick-help-methods { grid-template-columns: 1fr; gap: 8px; } .quick-help-methods a { padding: 12px 15px; } .quick-help-methods strong { margin-bottom: 4px; } }