.cq{display:grid;gap:var(--sp-4)}.cq__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4)}.cq__bar-text{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);flex:1 1 16rem;min-width:0}.cq__hint{font-size:var(--fs-sm)}.cq__copy{margin-inline-start:auto}.cq__progress{position:relative;height:1.75rem;display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-3)}.cq__progress-bar{position:relative;flex:0 0 10rem;height:4px;border-radius:var(--r-full);background:var(--c-surface-3);overflow:hidden}.cq__progress-bar:after{content:"";position:absolute;inset:0;width:100%;transform-origin:left;transform:scaleX(calc(var(--p) / 100));background:var(--c-accent);transition:transform var(--dur-3) var(--ease-out)}.cq__progress-text{min-height:1.4em}.cq__grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:48em){.cq__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}}.cq__card{padding:var(--sp-4);align-content:start}.cq__card .result__head{flex-wrap:wrap;row-gap:var(--sp-2)}.cq__value{display:flex;align-items:baseline;gap:.3rem;flex-wrap:wrap;min-height:2.4rem}.cq__num{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:500;line-height:1;letter-spacing:-.02em;font-feature-settings:"zero";overflow-wrap:anywhere}.is-pending .cq__num{color:var(--c-text-3)}.cq__unit{font-size:var(--fs-sm);color:var(--c-text-2)}.cq__card .result__desc{font-size:var(--fs-sm)}.cq__why{color:var(--c-text-2);font-size:var(--fs-sm);max-width:44ch}.cq__foot{max-width:var(--measure)}@media(max-width:40em){.cq__why{max-width:none}.cq__grid{gap:var(--sp-2)}.cq__card{padding:var(--sp-3)}}@media(max-width:40em){.cq__verdicts .table td:empty{display:none}.cq__verdicts .table td>.badge{justify-self:start}}.tool p.source{display:block;max-width:var(--measure)}.tool p.source .icon{display:inline-block;vertical-align:-.2em;margin-inline-end:.3rem}