.cmp-cards{gap:var(--space-4);flex-direction:column;display:flex}.cmp-table-wrap{display:none}@media (min-width:860px){.cmp-cards{display:none}.cmp-table-wrap{display:block;overflow-x:auto}}.cmp-card{padding:var(--space-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.cmp-card-feature{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-muted)}.cmp-card-pair{margin:0}.cmp-card-who{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-faint)}.cmp-card-who--uvi{color:var(--violet)}.cmp-card-val{margin:var(--space-1) 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-prose)}.cmp-card-val:last-child{margin-bottom:0}.cmp-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--leading-body)}.cmp-table th,.cmp-table td{padding:var(--space-4);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.cmp-table thead th{background:var(--bg);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--text-muted);position:sticky;top:0}.cmp-table .cmp-th-uvi{color:var(--violet)}.cmp-table tbody th{width:22%;color:var(--text);font-weight:var(--weight-medium)}.cmp-table td{color:var(--text-prose)}