/* Styles for the custom interactive shortcode. Page layout uses Elementor controls. */
.bq{--bq-ink:var(--e-global-color-brandink,#081F36);--bq-accent:var(--e-global-color-brandaccent,#C53037);--bq-surface:var(--e-global-color-brandsurface,#EDF1F5);--bq-muted:var(--e-global-color-brandmuted,#465767);--bq-line:var(--e-global-color-brandline,#CBD1D7);font-family:Arial,Helvetica,sans-serif;color:var(--bq-ink);background:var(--bq-surface);padding:48px;border-radius:12px;scroll-margin-top:28px}
.bq [hidden],.bq-lead:not(.bq-is-visible),.bq-video:not(.bq-is-visible),.bq-video-thanks:not(.bq-is-visible){display:none!important}
.elementor-editor-active .bq-lead,.elementor-editor-active .bq-video,.elementor-editor-active .bq-video-thanks{display:flex!important}
.bq h2,.bq legend{color:var(--bq-ink);font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;padding:0;float:none;width:100%}
.bq p{font-size:18px;line-height:1.55;margin:0 0 22px;max-width:760px}
.bq .bq-kicker{font-size:12px;font-weight:700;letter-spacing:1.1px;color:var(--bq-accent);margin:0 0 18px}
.bq .bq-small{font-size:14px;color:var(--bq-muted);margin:18px 0 0}
.bq .bq-preview{font-size:13px;color:var(--bq-muted);border-bottom:1px solid var(--bq-line);padding-bottom:14px;margin-bottom:28px}
.bq button{font:700 16px/1.35 Arial,Helvetica,sans-serif;cursor:pointer;min-height:48px;white-space:normal}
.bq .bq-primary{background:var(--bq-accent);color:#fff;border:2px solid var(--bq-accent);padding:16px 24px;border-radius:5px;transition:background .15s}
.bq .bq-primary:hover{background:var(--bq-ink);border-color:var(--bq-ink)}
.bq .bq-back{background:transparent;border:0;color:var(--bq-ink);padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.bq :focus-visible,.bq-lead :focus-visible,.bq-video :focus-visible{outline:3px solid #081F36;outline-offset:4px}
.bq legend:focus,.bq h2:focus{outline:none}
.bq fieldset{padding:0;border:0;margin:0;min-width:0}
.bq-progress{display:flex;gap:24px;align-items:center;margin-bottom:28px}
.bq-progress .bq-kicker{margin:0;white-space:nowrap}
.bq progress{appearance:none;flex:1;height:8px;border:0;border-radius:8px;overflow:hidden;background:var(--bq-line)}
.bq progress::-webkit-progress-bar{background:var(--bq-line)}
.bq progress::-webkit-progress-value{background:var(--bq-accent)}
.bq progress::-moz-progress-bar{background:var(--bq-accent)}
.bq-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.bq-option{display:flex;gap:14px;align-items:center;padding:19px 18px;border:1px solid var(--bq-line);border-radius:6px;background:#fff;cursor:pointer;font-size:16px;line-height:1.45;color:var(--bq-ink)}
.bq-option:hover{border-color:var(--bq-ink)}
.bq-option:has(input:checked){border:2px solid var(--bq-ink);padding:18px 17px;background:var(--bq-surface)}
.bq-option input{accent-color:var(--bq-ink);width:20px;height:20px;flex-shrink:0;margin:0}
.bq-controls{display:flex;justify-content:space-between;gap:16px;margin-top:28px;align-items:center}
.bq .bq-error{color:var(--bq-accent);font-size:15px;margin:16px 0 0}
.bq .bq-error:empty,.bq-uncertainty:empty{display:none}
.bq-lead button[disabled]{opacity:.65;cursor:default}
.bq-result{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:32px;align-items:center}
.bq-result-character{width:100%;max-width:240px;aspect-ratio:400/533;background:#fff url('https://brandstedt.net/wp-content/uploads/2026/09/brandstedt-quiz-profiler.webp') no-repeat 0 center;background-size:400% 100%;border-radius:12px;justify-self:center}
.bq-result-copy{min-width:0}
@media(max-width:767px){.bq-result{grid-template-columns:1fr;gap:20px}.bq-result-character{max-width:180px}}
.bq-lead .elementor-field-type-honeypot,.bq-video .elementor-field-type-honeypot{display:none!important}
@media(max-width:767px){.bq{padding:26px 20px;border-radius:10px}.bq h2,.bq legend{font-size:26px}.bq p{font-size:16px}.bq-options{grid-template-columns:1fr;gap:10px}.bq-option{padding:16px 14px}.bq-option:has(input:checked){padding:15px 13px}.bq-progress{gap:14px}.bq .bq-primary{padding:14px 16px;font-size:15px}.bq-controls{gap:12px}.bq-welcome .bq-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.bq *{transition:none!important;scroll-behavior:auto!important}}