.versus { display: grid; }
.versus { grid-template-columns: 1fr 1fr; }
.versus { gap: 1.25rem; }
.versus { align-items: start; }
.versus { margin: 2.75rem 0 2.5rem; }
.vs-card { border: 1px solid var(--line); }
.vs-card { border-radius: var(--radius); }
.vs-card { background: var(--panel); }
.vs-card { padding: 1.35rem; }
.vs-card { display: flex; }
.vs-card { flex-direction: column; }
.vs-card { min-width: 0; }
.vs-card { box-shadow: 0 1px 2px rgba(28,24,20,.04); }
.vs-card.vs-dark { background: linear-gradient(180deg, var(--accent-soft), var(--panel)); }
.vs-card.vs-dark { border: 1px solid var(--accent); }
.vs-card > p:first-child { margin: 0 0 .85rem; }
.vs-card > p:first-child { font-size: .82rem; }
.vs-card > p:first-child { color: var(--muted); }
.vs-card > p:first-child code { font-size: .82rem; }
.vs-card > p:first-child code { color: var(--ink); }
.vs-card pre { margin: .25rem 0 .75rem; }
.vs-card pre { padding-right: 1rem; }
.vs-card pre { font-size: .78rem; }
.vs-card pre { line-height: 1.55; }
.vs-card pre { overflow-x: auto; }
.vs-card p { font-size: .92rem; }
.vs-card > p:last-child { margin: auto 0 0; }
.vs-card > p:last-child { padding-top: .5rem; }
@media (max-width: 720px) { .versus { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .versus { gap: 1rem; } }