/* compare-base44.css: page layout. Tokens only. Starts with the batch common block (x- classes). */
/* The x- common block (stacked table, spec card, in-page index chips, ruled rows and columns) is now in components.css */

/* ---- page ---- */
.x-note { margin-top: var(--space-6); max-width: 62ch; color: var(--text-dim); line-height: 1.6; }
.x-note b { color: var(--text); }
.v-glance { display: grid; }
.v-glance li { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line); font-family: var(--font-display); font-weight: 600; font-size: var(--step-1); letter-spacing: -0.015em; }
.v-glance li:first-child { border-top: 0; }
.v-glance .i { width: 20px; height: 20px; color: var(--text); flex: none; }
.v-chips { display: grid; margin-top: var(--space-5); border-top: 1px solid var(--line); }
.v-chips li { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--text-dim); }
.v-chips b { color: var(--text); }
.x-table td:first-child { min-width: 0; }
.x-table thead th:nth-child(3), .x-table td.is-us { background: var(--surface); }
.x-cta__links span { display: inline-flex; align-items: center; min-height: 44px; }