.q{border:0;margin:0;padding:0;min-width:0}
.q legend{float:left;width:100%;padding:0;margin:0 0 var(--sp-2)} 
.q legend+*{clear:both}
.q :is(h2,h3){margin:0;font:var(--w-h2) var(--t-h2)/var(--lh-h2) var(--sans);letter-spacing:var(--ls-h2)}
.q .n{display:block;margin-bottom:var(--sp-1);color:var(--cinza-esc)}
.q>.hint{margin:0 0 var(--sp-3)}
.q :is(h2,h3):focus:not(:focus-visible){outline:none}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.chip{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);min-height:48px;padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--tinta);border-radius:0;
  cursor:pointer;font:500 var(--t-small)/1.2 var(--sans);user-select:none;-webkit-tap-highlight-color:transparent}
.form .chip input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.chip .mk{flex:none;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}
.chip:has(input:checked){background:var(--tinta);color:var(--papel)}
.chip:has(input:checked) .mk{background:currentColor}
.chip:has(input:focus-visible){outline:3px solid var(--shu-esc);outline-offset:3px} 
.form .chip input:focus-visible{outline:none}
@media (hover:hover){.chip:not(:has(input:checked)):hover{background:var(--grelha)}}
@media (prefers-reduced-motion:no-preference){.chip{transition:background-color var(--dur-hover) ease-out,color var(--dur-hover) ease-out}}
.stepnav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.stepnav .next,.stepnav .cta{margin-left:auto} 
.btn{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border:1.5px solid var(--tinta);border-radius:0;background:transparent;color:var(--tinta);
  font:var(--w-mono) .875rem/1 var(--mono);letter-spacing:var(--ls-mono);cursor:pointer}
.btn.next{background:var(--tinta);color:var(--papel)}
.btn.quiet{border-color:transparent;text-decoration:underline;text-underline-offset:.25em}
@media (hover:hover){.btn:not(.next):hover{background:var(--grelha)}}
.privacy{margin-top:var(--sp-3)}
.sendrow{display:grid;gap:var(--sp-3);justify-items:start}
.cpage{position:relative}
.a-i{--p:4.5px;position:absolute;top:var(--sp-5);right:var(--margem);display:flex;gap:var(--sp-3);pointer-events:none}
.a-i:empty{display:none}
.idots{display:flex;flex-direction:column;align-items:center}
.idots .tit{box-sizing:border-box;width:calc(var(--p) * 3.4);height:calc(var(--p) * 3.4);margin-bottom:calc(var(--p) * 1.1);border:1.5px dashed var(--linha);border-radius:50%}
.idots .tit.on{border-color:var(--shu);background:var(--shu)}
.stem{display:flex;flex-wrap:wrap-reverse;align-content:flex-end;width:calc(var(--p) * 4);height:calc(var(--p) * 18)} 
.stem span{box-sizing:border-box;width:var(--p);height:var(--p);border:calc(var(--p) * .21) solid transparent;border-radius:50%;background:var(--linha);background-clip:content-box}
.stem span.on{background-color:var(--tinta)}
.ticks{display:none}
@media (prefers-reduced-motion:no-preference){.stem span{transition:background-color calc(var(--dur-fill) + 60ms) ease-out}}
.flyer{position:fixed;left:0;top:0;z-index:50;border-radius:50%;background:var(--tinta);pointer-events:none}
@media (min-width:960px){
  .cpage{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,40%);column-gap:var(--sp-7)}
  .cpage>*{grid-column:1}
  .cpage>.a-i{--p:clamp(12px,calc((100svh - 260px) / 23),22px);grid-column:2;grid-row:1 / span 4;position:sticky;top:var(--sp-8);right:auto;align-self:start}
  .ticks{display:flex;flex-direction:column-reverse;flex:1;min-width:0;height:calc(var(--p) * 18);margin:calc(var(--p) * 4.5) 0 0;padding:0;list-style:none}
  .ticks li{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:0;border-bottom:1px solid var(--linha);font:var(--w-mono) var(--t-small)/1.3 var(--mono)}
  .ticks .k{color:var(--cinza-esc)}
  .ticks .v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ticks .v.empty{color:var(--cinza-esc)}
}
@media (forced-colors:active){
  .chip{border-color:ButtonText}
  .chip:has(input:checked){outline:3px solid Highlight;outline-offset:2px}
  .chip .mk{forced-color-adjust:none;border-color:CanvasText}
  .chip:has(input:checked) .mk{background:Highlight;border-color:Highlight}
  .chip:has(input:focus-visible){outline:3px dashed Highlight;outline-offset:5px}
  .idots{forced-color-adjust:none}
  .stem span{background-color:GrayText}
  .stem span.on{background-color:CanvasText}
  .idots .tit{border-color:GrayText}
  .idots .tit.on{border-color:Highlight;background:Highlight}
  .flyer{display:none}
}
@media print{.a-i,.stepnav,.flyer{display:none !important}}