/* Compare-only styles. Sprint 4, Idea 2. */
.compare-page fieldset { border: 1px solid var(--color-line); border-radius: var(--radius-sm); margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4); }
.compare-page fieldset legend { font-weight: 700; padding: 0 var(--space-2); }
.compare-page fieldset label { display: block; margin: var(--space-2) 0; }
.compare-page fieldset select { margin-left: var(--space-2); max-width: 100%; }
.compare-page button[type="submit"] { background: var(--color-brand); color: #fff; border: 0; border-radius: var(--radius-sm); padding: var(--space-3) var(--space-5); font-size: var(--font-size-base); cursor: pointer; }
.compare-page button[type="submit"]:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.compare-table { border-collapse: collapse; width: 100%; margin-top: var(--space-4); }
.compare-table th, .compare-table td { border: 1px solid var(--color-line); padding: var(--space-3); text-align: left; vertical-align: top; }
.compare-table thead th { background: var(--color-surface-soft); }
.compare-table tbody th { background: var(--color-surface-soft); width: 18%; }
.compare-source { color: var(--color-muted); font-size: var(--font-size-sm); }
@media (max-width: 640px) { .compare-table { display: block; overflow-x: auto; } }