/* Subpage hero quizzes. assets/subpage-quiz.js adds .sq-panel to each subpage's white hero card and
builds the steps inside it. Sizes, borders and the lead form match the home quiz (assets/home-hero.css)
so every quiz on the site reads as one system. Without JavaScript none of this applies and the static
card from index.html shows as before. */
.sq-panel h2:focus{outline:none}
.sq-panel .sq-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.sq-panel .sq-top .subhero-panel-kicker{margin:0}
.sq-panel .sq-count{flex:0 0 auto;color:#716a84;font:600 12px/1.3 var(--mono)}
.sq-panel .sq-count b{color:var(--ink)}
.sq-panel .sq-count a{color:var(--violet);text-underline-offset:3px}
.sq-panel .sq-bar{height:6px;margin:0 0 20px;border-radius:999px;background:var(--lav-2);overflow:hidden}
.sq-panel .sq-bar[hidden]{display:none}
.sq-panel .sq-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--violet);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.sq-panel h2{max-width:22ch}
.sq-panel .sq-stage{min-width:0}
.sq-panel .sq-sub{margin:8px 0 0;color:var(--body);font-size:14.5px;line-height:1.45}
.sq-panel .sq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Option buttons. grid = the home quiz's 2x2 tiles; list = one row per option with a short
description; tiles = compact three-across cards with the icon on top. */
.sq-panel .sq-options{display:grid;gap:10px;margin:18px 0 0}
.sq-panel .sq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sq-panel .sq-list{grid-template-columns:1fr;gap:8px}
.sq-panel .sq-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.sq-panel .sq-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);font:500 15px/1.25 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sq-panel .sq-option:hover{border-color:var(--violet-lt);box-shadow:0 8px 20px rgba(106,41,210,.12);transform:translateY(-1px)}
.sq-panel .sq-option:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.sq-panel .sq-option[aria-pressed="true"]{border-color:var(--violet);background:var(--lav)}
.sq-panel .sq-ic{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--lav);color:var(--violet);transition:background-color .2s ease,color .2s ease}
.sq-panel .sq-ic svg,.sq-panel .sq-check svg,.sq-panel .sq-cta svg,.sq-panel .sq-submit svg,.sq-panel .sq-zipicon svg,.sq-panel .sq-q svg,.sq-panel .sq-cp svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sq-panel .sq-option[aria-pressed="true"] .sq-ic{background:var(--violet);color:#fff}
.sq-panel .sq-label{min-width:0}
.sq-panel .sq-label small{display:block;margin-top:3px;color:#716a84;font-size:12.5px;font-weight:400;line-height:1.3}
.sq-panel .sq-check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;margin-left:auto;border:1.5px solid var(--line);border-radius:50%;background:#fff;color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.sq-panel .sq-check svg{width:14px;height:14px;stroke-width:4}
.sq-panel .sq-option[aria-pressed="true"] .sq-check{border-color:var(--violet);background:var(--violet);color:#fff}
.sq-panel .sq-list .sq-option{min-height:58px;padding:8px 12px}
.sq-panel .sq-list .sq-ic{width:40px;height:40px;flex-basis:40px}
.sq-panel .sq-list .sq-ic svg{width:24px;height:24px}
.sq-panel .sq-tiles .sq-option{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:14px 12px;font-size:14px}
.sq-panel .sq-tiles .sq-check{position:absolute;top:10px;right:10px;margin:0}

.sq-panel .sq-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;margin-top:12px}
.sq-panel .sq-back{padding:4px 2px;border:0;background:none;color:var(--violet);font:600 14px/1 var(--sans);cursor:pointer}
.sq-panel .sq-back:hover{text-decoration:underline;text-underline-offset:4px}
.sq-panel .sq-back:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
.sq-panel .sq-note{font-family:var(--section-label);font-size:15px;line-height:1;color:var(--violet)}

/* Primary button inside a step (Continue, Ask an advisor). Same shape as the card's .btn. */
.sq-panel .sq-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin-top:16px;padding:12px 18px;border:0;border-radius:999px;background:var(--violet);color:#fff;font:500 15.5px var(--sans);cursor:pointer;transition:background-color .2s ease}
.sq-panel .sq-cta:hover{background:var(--violet-deep)}
.sq-panel .sq-cta:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.sq-panel .sq-cta[hidden]{display:none}
.sq-panel .sq-cta svg{width:20px;height:20px;stroke-width:2.6}

/* Coverage: ZIP check. FAQs: search. */
.sq-panel .sq-zipcheck,.sq-panel .sq-search{position:relative;display:flex;align-items:center;gap:8px;margin:18px 0 0}
.sq-panel .sq-zipicon{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--violet);pointer-events:none}
.sq-panel .sq-zipicon svg{width:20px;height:20px}
.sq-panel .sq-zipcheck input,.sq-panel .sq-search input{flex:1;min-width:0;height:54px;padding:0 14px 0 44px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);font:500 17px var(--sans);transition:border-color .2s ease,box-shadow .2s ease}
.sq-panel .sq-zipcheck input{letter-spacing:.06em}
.sq-panel .sq-search input{font-size:15px;font-weight:400}
.sq-panel .sq-zipcheck input:focus,.sq-panel .sq-search input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(106,41,210,.16)}
.sq-panel .sq-zipgo{height:54px;padding:0 22px;border:0;border-radius:14px;background:var(--violet);color:#fff;font:500 15px var(--sans);cursor:pointer}
.sq-panel .sq-zipgo:hover{background:var(--violet-deep)}
.sq-panel .sq-zipgo:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.sq-panel .sq-result-wrap{margin-top:12px}
.sq-panel .sq-result{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:14px;background:var(--lav);color:var(--body);font-size:13.5px;line-height:1.4}
.sq-panel .sq-result p{margin:0}
.sq-panel .sq-result b{display:block;color:var(--ink);font-size:15px;font-weight:600}
.sq-panel .sq-result .sq-ic{width:36px;height:36px;flex-basis:36px;background:var(--violet);color:#fff}
.sq-panel .sq-result .sq-ic svg{width:20px;height:20px;stroke-width:3}
.sq-panel .sq-result.is-soft .sq-ic{background:#fff;color:var(--violet)}
.sq-panel .sq-result.is-muted{background:none;padding:4px 2px;color:#716a84}
.sq-panel .sq-result.is-bad{background:none;padding:4px 2px;color:#A3153A}
.sq-panel .sq-pick{display:grid;gap:10px}
.sq-panel .sq-pick .sq-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.sq-panel .sq-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0}
.sq-panel .sq-topic{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:600 14px/1.25 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.sq-panel .sq-topic small{color:#716a84;font-size:11.5px;font-weight:400}
.sq-panel .sq-topic:hover{border-color:var(--violet-lt)}
.sq-panel .sq-topic:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.sq-panel .sq-topic[aria-pressed="true"]{border-color:var(--violet);background:var(--lav)}
.sq-panel .sq-results{margin-top:16px}
.sq-panel .sq-listlabel{margin:0 0 4px;color:#716a84;font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.sq-panel .sq-qs{margin:0;padding:0;list-style:none}
.sq-panel .sq-qs li+li{border-top:1px solid var(--line)}
.sq-panel .sq-q{display:flex;align-items:center;gap:12px;width:100%;padding:11px 2px;border:0;background:none;color:var(--ink);font:500 14.5px/1.35 var(--sans);text-align:left;cursor:pointer}
.sq-panel .sq-q span{flex:1}
.sq-panel .sq-q svg{flex:0 0 auto;width:18px;height:18px;color:var(--violet);transition:transform .2s ease}
.sq-panel .sq-q:hover span{color:var(--violet)}
.sq-panel .sq-q:hover svg{transform:translateX(3px)}
.sq-panel .sq-q:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:6px}
.sq-panel .sq-empty{margin:6px 0 0;color:var(--body);font-size:14px}

/* Lead form: the home quiz's fitted layout. */
.sq-panel .sq-lede{margin:8px 0 12px;color:var(--body);font-size:14.5px;line-height:1.5}
.sq-panel .sq-aside{display:block;margin-top:2px;font-family:var(--section-label);font-size:16px;line-height:1.3;color:var(--violet)}
.sq-panel .sq-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sq-panel .sq-field{display:flex;flex-direction:column;gap:5px;min-width:0;grid-column:span 3}
.sq-panel .sq-form .sq-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sq-panel .sq-field[data-field="phone"]{grid-column:span 2}
.sq-panel .sq-field[data-field="email"],.sq-panel .sq-field[data-field="zip"]{grid-column:span 2}
.sq-panel .sq-field[data-field="state"],.sq-panel .sq-field[data-field="question"]{grid-column:1/-1}
.sq-panel .sq-field input,.sq-panel .sq-field select,.sq-panel .sq-field textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font:400 14.5px var(--sans);transition:border-color .2s ease,box-shadow .2s ease}
.sq-panel .sq-field textarea{height:auto;min-height:74px;padding:10px 12px;line-height:1.4;resize:vertical}
.sq-panel .sq-field select{height:44px}
.sq-panel .sq-field input::placeholder,.sq-panel .sq-field textarea::placeholder{color:#8a83a0}
.sq-panel .sq-field input:focus,.sq-panel .sq-field select:focus,.sq-panel .sq-field textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(106,41,210,.16)}
.sq-panel .sq-field.is-invalid input,.sq-panel .sq-field.is-invalid select,.sq-panel .sq-field.is-invalid textarea{border-color:#A3153A}
.sq-panel .sq-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.sq-panel .sq-consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start}
.sq-panel .sq-consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--violet)}
.sq-panel .sq-consent label{color:#716a84;font-size:10.5px;line-height:1.4}
.sq-panel .sq-consent a{color:var(--violet);text-underline-offset:2px}
.sq-panel .sq-error{grid-column:1/-1;margin:0;color:#A3153A;font-size:13px;line-height:1.4}
.sq-panel .sq-error[hidden]{display:none}
.sq-panel .sq-error a{color:inherit;text-underline-offset:2px}
.sq-panel .sq-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sq-panel .sq-submit{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 24px;border:0;border-radius:999px;background:var(--violet);color:#fff;font:500 16px var(--sans);cursor:pointer;transition:background-color .2s ease}
.sq-panel .sq-submit:hover{background:var(--violet-deep)}
.sq-panel .sq-submit:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.sq-panel .sq-submit svg{width:18px;height:18px;stroke-width:2.6}
.sq-panel .sq-submit:disabled,.sq-panel .sq-submit.is-busy{opacity:.72;cursor:wait}
.sq-panel.is-form-step{padding-top:24px;padding-bottom:24px}
.sq-panel.is-form-step .sq-bar{margin-bottom:14px}
.sq-panel.is-form-step h2{max-width:none;font-size:clamp(23px,2vw,28px)}

/* Compact pass: every step stays close to the original card's height, so the hero does not grow. */
.subhero-panel.sq-panel{padding:24px 28px}
.sq-panel .sq-top{margin-bottom:8px}
.sq-panel .sq-bar{margin-bottom:14px}
.sq-panel h2{max-width:none;font-size:clamp(23px,2vw,28px)}
.sq-panel .sq-sub{margin-top:6px;font-size:14px}
.sq-panel .sq-options{gap:8px;margin-top:14px}
.sq-panel .sq-option{min-height:60px;padding:8px 12px}
.sq-panel .sq-ic{width:38px;height:38px;flex-basis:38px}
.sq-panel .sq-ic svg{width:23px;height:23px}
.sq-panel .sq-list{gap:6px}
.sq-panel .sq-list .sq-option{min-height:46px;padding:5px 12px}
.sq-panel .sq-list .sq-ic{width:34px;height:34px;flex-basis:34px}
.sq-panel .sq-list .sq-ic svg{width:21px;height:21px}
.sq-panel .sq-list .sq-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.sq-panel .sq-list .sq-label small{margin-top:0}
.sq-panel .sq-tiles .sq-option{flex-direction:row;align-items:center;gap:9px;min-height:58px;padding:8px 10px;font-size:13.5px;line-height:1.2}
.sq-panel .sq-tiles .sq-ic{width:34px;height:34px;flex-basis:34px}
.sq-panel .sq-tiles .sq-ic svg{width:21px;height:21px}
.sq-panel .sq-tiles .sq-check{display:none}
.sq-panel .sq-foot{margin-top:10px}
.sq-panel .sq-cta{min-height:48px;margin-top:12px;padding:10px 18px}
.sq-panel .sq-zipcheck,.sq-panel .sq-search{margin-top:14px}
.sq-panel .sq-zipcheck input,.sq-panel .sq-search input,.sq-panel .sq-zipgo{height:48px}
.sq-panel .sq-result-wrap{margin-top:10px}
.sq-panel .sq-result{padding:10px 12px}
.sq-panel .sq-topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.sq-panel .sq-topic{padding:8px 10px;font-size:13px}
.sq-panel .sq-results{margin-top:12px}
.sq-panel .sq-q{padding:8px 2px;font-size:14px}
.sq-panel .sq-lede{margin:6px 0 10px;font-size:14px}
.sq-panel .sq-field textarea{min-height:50px}
.sq-panel.is-form-step{padding-top:22px;padding-bottom:22px}

/* How It Works: side-by-side comparison. The resting state (no animation) is the finished frame,
so reduced-motion visitors and the first paint both show a complete picture. */
.sq-how .sq-sub{margin-bottom:0}
.sq-how .sq-cp{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 0}
.sq-how .sq-cp-col{position:relative;padding:16px 14px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.sq-how .sq-cp-name{margin:0 0 12px;color:var(--ink);font-size:14px;font-weight:600}
.sq-how .sq-cp-l{margin:0 0 6px;color:#716a84;font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.sq-how .sq-cp-bar{height:8px;margin:0 0 13px;border-radius:999px;background:var(--lav-2);overflow:hidden}
.sq-how .sq-cp-bar i{display:block;width:var(--w);height:100%;border-radius:inherit;background:var(--violet-lt);transform-origin:left center}
.sq-how .sq-cp-b .sq-cp-bar i{background:var(--violet)}
.sq-how .sq-cp-docs{display:flex;gap:5px}
.sq-how .sq-cp-docs span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lav);color:var(--violet-lt)}
.sq-how .sq-cp-docs .is-cross{color:#A3153A}
.sq-how .sq-cp-b .sq-cp-docs span{background:var(--violet);color:#fff}
.sq-how .sq-cp-docs svg{width:13px;height:13px;stroke-width:4}
.sq-how .sq-cp-b{transform:translateY(-6px);border-color:var(--violet);box-shadow:0 18px 30px -16px rgba(106,41,210,.55),0 0 0 3px rgba(106,41,210,.12)}
.sq-how .sq-cp-a,.sq-how .sq-cp-c{opacity:.6}
.sq-how .sq-cp-badge{position:absolute;left:50%;top:-13px;display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:var(--violet);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;translate:-50% 0}
.sq-how .sq-cp-badge svg{width:12px;height:12px;stroke-width:4}
.sq-how .sq-cp-scan{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:16px;pointer-events:none}
.sq-how .sq-cp-scan::before{content:"";position:absolute;top:0;bottom:0;left:-70px;width:70px;background:linear-gradient(90deg,transparent,rgba(106,41,210,.12),transparent);opacity:0}
.sq-how .subhero-panel-actions{margin-top:22px}
.sq-how .sq-cp{margin-top:22px}
.sq-how .sq-cp-col{padding:12px 12px 10px}
.sq-how .sq-cp-name{margin-bottom:8px}
.sq-how .sq-cp-bar{margin-bottom:9px}
.sq-how .subhero-panel-actions{margin-top:16px}
.sq-how .subhero-panel-actions .btn{min-height:48px}
@media(prefers-reduced-motion:no-preference){
.sq-how .sq-cp-bar .sq-cp-w0{animation:sq-bar0 9s linear infinite both}
.sq-how .sq-cp-bar .sq-cp-w1{animation:sq-bar1 9s linear infinite both}
.sq-how .sq-cp-bar .sq-cp-w2{animation:sq-bar2 9s linear infinite both}
.sq-how .sq-cp-b{animation:sq-pick 9s linear infinite both}
.sq-how .sq-cp-a,.sq-how .sq-cp-c{animation:sq-dim 9s linear infinite both}
.sq-how .sq-cp-badge{animation:sq-badge 9s linear infinite both}
.sq-how .sq-cp-docs span{animation:sq-docs 9s linear infinite both}
.sq-how .sq-cp-scan::before{animation:sq-scan 9s linear infinite both}
}
@keyframes sq-bar0{0%,6%{transform:scaleX(0)}22%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sq-bar1{0%,12%{transform:scaleX(0)}28%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sq-bar2{0%,18%{transform:scaleX(0)}34%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes sq-pick{0%,52%{transform:none;border-color:var(--line);box-shadow:none}58%,94%{transform:translateY(-6px);border-color:var(--violet);box-shadow:0 18px 30px -16px rgba(106,41,210,.55),0 0 0 3px rgba(106,41,210,.12)}100%{transform:none;border-color:var(--line);box-shadow:none}}
@keyframes sq-dim{0%,52%{opacity:1}58%,94%{opacity:.6}100%{opacity:1}}
@keyframes sq-badge{0%,56%{opacity:0;transform:translateY(6px)}60%,93%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes sq-docs{0%,38%{opacity:.25}44%,94%{opacity:1}100%{opacity:.25}}
@keyframes sq-scan{0%{left:-70px;opacity:1}40%{left:100%;opacity:1}41%,100%{left:100%;opacity:0}}

@media(min-width:981px) and (max-height:820px){
.subhero-panel.sq-panel{padding-top:20px;padding-bottom:20px}
.sq-panel .sq-options{margin-top:12px}
.sq-panel .sq-option{min-height:54px}
.sq-panel .sq-list .sq-option{min-height:42px}
.sq-panel .sq-tiles .sq-option{min-height:52px}
.sq-panel .sq-bar{margin-bottom:12px}
}
@media(max-width:720px){
.sq-panel .sq-bar{margin-bottom:14px}
.sq-panel .sq-options{gap:8px;margin-top:14px}
.sq-panel .sq-option{min-height:52px;gap:7px;padding:7px;font-size:12px}
.sq-panel .sq-ic{width:32px;height:32px;flex-basis:32px}
.sq-panel .sq-ic svg{width:21px;height:21px}
.sq-panel .sq-list .sq-option{min-height:52px;gap:10px;padding:7px 10px;font-size:14px}
.sq-panel .sq-list .sq-ic{width:34px;height:34px;flex-basis:34px}
.sq-panel .sq-list .sq-ic svg{width:21px;height:21px}
.sq-panel .sq-label small{font-size:11.5px}
.sq-panel .sq-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.sq-panel .sq-tiles .sq-option{padding:10px;font-size:12.5px}
.sq-panel.sq-team .sq-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.sq-panel .sq-check{width:20px;height:20px;flex-basis:20px}
.sq-panel .sq-zipcheck input,.sq-panel .sq-search input,.sq-panel .sq-zipgo{height:50px}
.sq-panel .sq-topic{padding:9px 10px;font-size:13px}
.sq-panel .sq-q{font-size:14px}
.sq-panel .sq-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.sq-panel .sq-field,.sq-panel .sq-field[data-field="phone"],.sq-panel .sq-field[data-field="email"],.sq-panel .sq-field[data-field="zip"]{grid-column:span 1}
.sq-panel .sq-field[data-field="zip"],.sq-panel .sq-field[data-field="state"]{order:3}
.sq-panel .sq-field[data-field="email"]{grid-column:1/-1;order:4}
.sq-panel .sq-field[data-field="question"]{order:5}
.sq-panel .sq-consent,.sq-panel .sq-error,.sq-panel .sq-actions{order:6}
.sq-panel .sq-submit{height:48px;padding:0 20px;font-size:15px}
.sq-panel.is-form-step h2{font-size:22px}
.sq-how .sq-cp{gap:6px;margin-top:24px}
.sq-how .sq-cp-col{padding:14px 9px 10px}
.sq-how .sq-cp-name{font-size:12.5px}
.sq-how .sq-cp-l{font-size:8.5px;letter-spacing:.04em}
.sq-how .sq-cp-docs{gap:3px}
.sq-how .sq-cp-docs span{width:18px;height:18px}
.sq-how .sq-cp-badge{padding:4px 8px;font-size:10px}
}
@media(max-width:390px){
.sq-panel .sq-option{font-size:11px;gap:5px;padding:6px}
.sq-panel .sq-list .sq-option{font-size:13px}
.sq-how .sq-cp-l{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
.sq-panel .sq-option,.sq-panel .sq-bar i{transition:none}
.sq-panel .sq-option:hover{transform:none}
}
@media(max-width:720px){
.subhero-panel.sq-panel{padding:18px 16px}
.sq-panel h2,.sq-panel.is-form-step h2{font-size:22px}
.sq-panel .sq-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
.sq-panel .sq-tiles .sq-option{min-height:50px;padding:7px;font-size:12px}
.sq-panel .sq-tiles .sq-ic{width:30px;height:30px;flex-basis:30px}
.sq-panel .sq-tiles .sq-ic svg{width:19px;height:19px}
.sq-panel.sq-team .sq-tiles .sq-option{flex-direction:column;align-items:flex-start;gap:6px}
.sq-panel .sq-list .sq-option{min-height:44px}
.sq-panel .sq-list .sq-label{display:block}
.sq-panel .sq-list .sq-label small{margin-top:1px}
}
/* Handwritten note: bottom right of every card and step. FAQ list: two questions in view at a time. */
.sq-panel .sq-foot--form{margin-top:6px;min-height:0}
.sq-how .sq-foot{margin-top:10px}
.sq-panel .sq-qs{max-height:72px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sq-panel .sq-qs.is-scroll{-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),transparent);mask-image:linear-gradient(#000 calc(100% - 14px),transparent)}
.sq-panel .sq-qs:hover,.sq-panel .sq-qs:focus-within{-webkit-mask-image:none;mask-image:none}
.sq-panel .sq-qs:focus{outline:none}