/* Survey house style: presentation only, scoped to opt-in templates. */
.comic-survey{--comic-amber:#FFAF2E;--comic-blue:#00B3EA;--comic-teal:#00D3B9;--comic-coral:#FF697B;--comic-ink:#202421;--comic-paper:#fffdf5;--text-primary:#202421;--text-secondary:#454b47;--text-tertiary:#555b57;background:var(--comic-paper);color:var(--comic-ink);font-family:"DM Sans",sans-serif}
.comic-survey .nav{background:var(--comic-paper);border-bottom:2px solid var(--comic-ink);box-shadow:0 4px 0 var(--comic-coral)}
.comic-survey .nav__wordmark{color:var(--comic-ink);font-weight:700}
.comic-survey .nav__wordmark em{display:none}
.comic-survey .nav__user-dropdown{background:var(--comic-paper);border:2px solid var(--comic-ink);border-radius:0;box-shadow:4px 4px 0 var(--comic-ink)}
.comic-survey .nav__user-dropdown-item,.comic-survey .site-footer__links a{font-family:"Special Elite",monospace;color:var(--comic-ink)}
.comic-survey .site-footer{border-top:2px solid var(--comic-ink);background:var(--comic-paper);color:var(--comic-ink)}
.comic-survey .site-footer__copy{color:#555b57}
.comic-survey h1,.comic-survey h2,.comic-survey .how-box__label,.comic-survey .btn{font-family:"Special Elite",monospace;font-weight:400}
.comic-survey h1{font-size:clamp(28px,5vw,44px)!important;color:var(--comic-ink)!important}
.comic-survey .free-flow-container h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--comic-coral);text-decoration-thickness:5px;text-underline-offset:6px}
.comic-survey .container--narrow{max-width:640px}
.comic-survey .how-box,.comic-survey .card--raised{position:relative;background:var(--comic-paper);border:2px solid var(--comic-ink);border-radius:0;box-shadow:5px 5px 0 var(--comic-ink);padding:24px!important;margin-bottom:24px}
.comic-survey .how-box:after{content:"";position:absolute;right:0;top:0;width:18px;height:18px;background:linear-gradient(45deg,#ede2c9 49%,var(--comic-ink) 50%,var(--comic-paper) 54%);pointer-events:none}
.comic-survey .how-box__label{display:inline-block;background:var(--comic-amber);border:1px solid var(--comic-ink);padding:7px 10px;font-size:14px}
.comic-survey .how-box__text,.comic-survey .reassurance__text{font-size:16px;line-height:1.65;color:var(--comic-ink)}
.comic-survey .how-box__try,.comic-survey .how-box__hint,.comic-survey .count-note,.comic-survey .footer-note{font-size:14px;color:#454b47}
.comic-survey .reassurance{border-left:4px solid var(--comic-teal);padding-left:16px;margin:28px 0}
.comic-survey .reassurance__dot{background:var(--comic-paper)!important}
.comic-survey .reassurance__item:nth-child(1) circle{fill:var(--comic-coral)}
.comic-survey .reassurance__item:nth-child(2) circle{fill:var(--comic-amber)}
.comic-survey .reassurance__item:nth-child(3) circle{fill:var(--comic-blue)}
.comic-survey .reassurance__item:nth-child(4) circle{fill:var(--comic-teal)}
.comic-survey .vas-poles{gap:16px}
.comic-survey .vas-pole{border:2px solid var(--comic-ink);border-radius:0;background:#fff7e7;border-top:7px solid var(--comic-amber)}
.comic-survey .vas-pole--b{background:#edfaff;border-top-color:var(--comic-blue)}
.comic-survey .vas-pole__text{font-size:18px;line-height:1.6}
.comic-survey .vas-pole__label{font-family:"Special Elite",monospace;font-size:15px;color:var(--comic-ink)}
.comic-survey .vas-tick{display:none}
.comic-survey .vas-bar{background:linear-gradient(90deg,var(--comic-amber),#eee5cf 42%,#e2f0f2 58%,var(--comic-blue));border:1px solid var(--comic-ink)}
.comic-survey input.vas-slider::-webkit-slider-thumb{background:white;border:2px solid var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);width:32px;height:32px}
.comic-survey input.vas-slider::-moz-range-thumb{background:white;border:2px solid var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);width:32px;height:32px}
.comic-survey .vas-end,.comic-survey .vas-scale-labels,.comic-survey .vas-hint{color:#454b47;font-size:13px}
.comic-survey .btn--primary{background:var(--comic-amber);color:var(--comic-ink);border:2px solid var(--comic-ink);border-radius:0;box-shadow:4px 4px 0 var(--comic-ink);min-height:48px;font-size:18px}
.comic-survey .btn--primary:hover:not(:disabled){background:var(--comic-teal)}
.comic-survey .btn--primary:disabled{background:#e9e5da;color:#555b57;opacity:1;box-shadow:none;cursor:not-allowed}
.comic-survey :is(a,button,input):focus-visible{outline:3px solid var(--comic-ink);outline-offset:5px}
.comic-survey .progress-bar__fill{background:var(--comic-teal)}
.comic-survey #save-exit-link{font-size:15px!important;color:var(--comic-ink)!important;text-decoration:underline!important;padding:12px}
.comic-survey .free-flow-container{background:var(--comic-paper);border:2px solid var(--comic-ink);box-shadow:7px 7px 0 var(--comic-ink);padding:32px!important;width:calc(100% - 40px)}
.comic-survey .free-flow-container:before{content:"YOUR NEXT CHAPTER";display:inline-block;font:14px "Special Elite",monospace;background:var(--comic-coral);padding:9px 14px;border:1px solid var(--comic-ink);margin-bottom:24px}
@media(min-width:641px){.comic-survey{background-image:radial-gradient(#20242120 .6px,transparent .6px);background-size:7px 7px}}
@media(max-width:480px){.comic-survey .container--narrow{padding-left:18px;padding-right:22px}.comic-survey .how-box,.comic-survey .card--raised{padding:18px!important}.comic-survey .vas-poles{gap:12px}.comic-survey .free-flow-container{padding:24px 18px!important}.comic-survey .vas-scale-labels{font-size:12px}}
@media(prefers-reduced-motion:reduce){.comic-survey *{scroll-behavior:auto!important;transition:none!important}}