.versus-page{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.versus-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.versus-card h1{color:var(--color-text);margin:0;font-size:1.5rem}.versus-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:.8rem}.versus-lead{color:var(--color-text-secondary);margin:0;line-height:1.55}.versus-field{color:var(--color-text);border:0;flex-direction:column;gap:.35rem;margin:0;padding:0;font-weight:600;display:flex}.versus-field select,.versus-share input{border:1px solid var(--color-border-light);background:var(--color-bg-white);color:var(--color-text);font:inherit;box-sizing:border-box;border-radius:8px;width:100%;padding:.6rem .75rem;font-weight:400}.versus-field input[type=text]{border:1px solid var(--color-border-light);background:var(--color-bg-white);color:var(--color-text);font:inherit;box-sizing:border-box;border-radius:8px;width:100%;padding:.6rem .75rem;font-weight:400}.versus-choices{flex-wrap:wrap;gap:.5rem;display:flex}.versus-choices label{border:1px solid var(--color-border-light);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-weight:500;display:inline-flex}.versus-choices label.is-on{border-color:var(--color-primary,#2563eb);background:var(--color-bg-light)}.versus-actions{flex-wrap:wrap;gap:.6rem;display:flex}.versus-fine{color:var(--color-text-secondary);margin:0;font-size:.85rem}.versus-error{color:var(--color-negative,#dc2626);margin:0}.versus-share,.versus-step{background:var(--color-bg-light);border-radius:10px;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.versus-share p,.versus-step p{margin:0}.versus-winner{margin:0 0 .5rem;font-size:1.3rem}.versus-scores{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.versus-score{border:1px solid var(--color-border-light);border-radius:10px;flex-direction:column;gap:.15rem;padding:.8rem;display:flex}.versus-score.is-winner{border-color:var(--color-primary,#2563eb);background:var(--color-bg-light)}.versus-score strong{font-size:1.3rem}.versus-flag{color:var(--color-negative,#b45309);font-size:.75rem}.versus-chart{margin:0}.versus-chart svg{width:100%;height:auto}.versus-grid{stroke:var(--color-border-light);stroke-width:1px}.versus-axis{fill:var(--color-text-secondary);font-size:11px}.versus-line{stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.versus-line.is-a,.versus-key.is-a:before{stroke:#2563eb;background:#2563eb}.versus-line.is-b,.versus-key.is-b:before{stroke:#d97706;background:#d97706}.versus-legend{flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;display:flex}.versus-key:before{content:"";vertical-align:middle;border-radius:2px;width:18px;height:4px;margin-right:.4rem;display:inline-block}.versus-axis-note{color:var(--color-text-secondary);margin-left:auto}.versus-table table{border-collapse:collapse;width:100%;margin-top:.5rem}.versus-table th,.versus-table td{text-align:right;border-bottom:1px solid var(--color-border-light);padding:.25rem .5rem}.versus-table th:first-child{text-align:left}.versus-bar{z-index:900;background:var(--color-bg-white);border-top:2px solid var(--color-primary,#2563eb);color:var(--color-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px rgba(0,0,0,.12)}@media (max-width:480px){.versus-scores{grid-template-columns:1fr}}
