.vs-hero { background: var(--color-bg); color: var(--color-text); padding: var(--space-10) 0 calc(var(--space-10) + var(--space-4)); }
.vs-hero h1 { font-size: var(--font-size-display); color: var(--color-text); max-width: 22ch; }
.vs-hero p.lede { margin-top: var(--space-4); font-size: var(--font-size-lg); color: var(--color-text-muted); max-width: 56ch; }
.vs-hero__actions { margin-top: var(--space-6); }

.vs-table { width: 100%; border-collapse: collapse; margin-top: var(--space-8); }
.vs-table th, .vs-table td { text-align: left; padding: var(--space-4); border-bottom: 1px solid var(--color-border); vertical-align: top; }
.vs-table th { font-family: var(--font-family-mono); font-size: var(--font-size-sm); color: var(--color-text-muted); font-weight: var(--font-weight-semibold); }
.vs-table td { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.vs-table td:first-child, .vs-table th:first-child { color: var(--color-text); font-weight: var(--font-weight-medium); }
.vs-table__wrap { overflow-x: auto; }
.vs-note { color: var(--color-text-muted); font-size: var(--font-size-xs); margin-top: var(--space-4); }

.vs-cols { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); margin-top: var(--space-8); }
.vs-col { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); }
.vs-col h3 { font-size: var(--font-size-lg); }
.vs-col ul { list-style: none; padding: 0; margin: var(--space-4) 0 0 0; }
.vs-col li { padding: var(--space-2) 0; font-size: var(--font-size-sm); color: var(--color-text-muted); border-bottom: 1px solid var(--color-border); }
.vs-col li:last-child { border-bottom: none; }

@media (max-width: 860px) {
  .vs-cols { grid-template-columns: 1fr; }
}