.checkbox{max-width: 1080px;margin-inline: auto}.check-prog{display: flex;gap: 20px;align-items: center;padding: var(--s-5) var(--s-6);border-radius: var(--r-card);background: #fff;box-shadow: var(--sh-2)}.check-prog b{display: block;font-size: var(--fs-base)}.check-err{padding: var(--s-5) var(--s-6);border-radius: var(--r-card);background: #fff;box-shadow: var(--sh-2);display: grid;gap: var(--s-3)}.check-res{display: grid;gap: var(--s-4)}.res-top{display: grid;grid-template-columns: minmax(0, 1fr) 260px;gap: var(--s-4);align-items: stretch}.res-card{background: #fff;border-radius: var(--r-card);box-shadow: var(--sh-2);padding: var(--card-pad);display: grid;gap: 20px;align-content: start}.res-card .url{font: 500 var(--fs-xs) var(--mono);color: var(--ink-3);overflow-wrap: anywhere}.res-verdict{font-size: var(--fs-2);font-weight: 800;letter-spacing: -0.03em;line-height: 1.1}.rings{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--s-3)}.ring{display: grid;justify-items: center;gap: var(--s-2);text-align: center;font-size: var(--fs-sm);font-weight: 700;color: var(--ink-2)}.ring svg{width: 100%;max-width: 116px}.ring circle{fill: none;stroke-width: 8;stroke-linecap: round}.ring .bg{stroke: var(--line-2)}.ring .fg{stroke: var(--good);stroke-dasharray: 289;stroke-dashoffset: calc(289 - 289 * var(--v, 0) / 100);transform: rotate(-90deg);transform-origin: 50% 50%;transition: stroke-dashoffset 1.2s var(--ease)}.ring.warn .fg{stroke: #d08a00}.ring.bad .fg{stroke: var(--red)}.ring text{font-size: var(--fs-2);font-weight: 800;fill: var(--ink);font-family: var(--font)}.res-shot{border-radius: var(--r-card);background: var(--deep);display: grid;place-items: center;padding: var(--s-5)}.res-shot .iphone{width: 100%;max-width: 200px}.res-shot img{width: 100%;height: 100%;object-fit: cover;object-position: top;display: block}.res-sample{display: inline-flex;align-items: center;gap: var(--s-2);padding: var(--s-2) var(--s-3);border-radius: 8px;background: var(--warn-soft);color: var(--warn);font-weight: 700;font-size: var(--fs-sm);justify-self: start}.findings{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: var(--s-3)}.finding{display: flex;gap: var(--s-3);padding: var(--s-4) 20px;border-radius: var(--r-card);background: #fff;box-shadow: var(--sh-1), 0 0 0 1px var(--line-2);align-items: flex-start}.finding .dot{width: 30px;height: 30px;border-radius: 9px;display: grid;place-items: center;flex: none}.finding .dot .i{width: 16px;height: 16px}.finding.ok .dot{background: var(--good-soft);color: var(--good)}.finding.warn .dot{background: var(--warn-soft);color: var(--warn)}.finding.bad .dot{background: var(--red-paper);color: var(--red)}.finding b{display: block}.finding span{color: var(--ink-3);font-size: var(--fs-sm);font-weight: 500}.res-cta{background: var(--deep);color: #fff;border-radius: var(--r-card);padding: var(--card-pad);display: grid;grid-template-columns: 1fr auto;gap: 20px;align-items: center}.res-cta p{color: var(--deep-mute);font-weight: 500}.res-top:not(:has(.res-shot)){grid-template-columns: minmax(0, 1fr)}@media (max-width: 860px){.res-top{grid-template-columns: minmax(0, 1fr)}.res-shot{padding: var(--s-4)}.rings{grid-template-columns: repeat(2, 1fr)}.res-cta{grid-template-columns: minmax(0, 1fr)}}