/* 12 Conditions Compared (generated by scripts/white-papers/update_compare_page.py) */
.cmp-updated { color: var(--color-text-muted); font-size: var(--text-sm); margin-top: var(--space-3); }
.cmp-intro { color: var(--color-text-muted); max-width: 70ch; margin-bottom: var(--space-4); }
.cmp-common { display: grid; gap: var(--space-3); padding-left: 1.2em; max-width: 75ch; }
.cmp-common li { line-height: 1.6; }
.cmp-table-wrap {
  margin: var(--space-6) 0; overflow-x: auto; -webkit-overflow-scrolling: touch;
  border: 1px solid var(--color-divider); border-radius: var(--radius-md); background: var(--color-surface);
}
.cmp-table-wrap:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.cmp-table { width: 100%; min-width: calc(var(--cols, 4) * 210px); border-collapse: collapse; font-size: var(--text-sm); line-height: 1.5; }
.cmp-table thead th {
  position: sticky; top: 0; text-align: left; vertical-align: bottom; padding: var(--space-3) var(--space-4);
  background: var(--color-primary-fill, #0f4c4f); color: #fff; font-weight: 600; font-size: var(--text-xs);
  text-transform: uppercase; letter-spacing: 0.05em;
}
.cmp-table tbody th, .cmp-table td { text-align: left; vertical-align: top; padding: var(--space-3) var(--space-4); border-top: 1px solid var(--color-divider); }
.cmp-table tbody th { width: 15%; min-width: 150px; font-weight: 600; color: var(--color-text); }
.cmp-table tbody th a { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; }
.cmp-table td { color: var(--color-text-muted); }
.cmp-table tbody tr:nth-child(even) { background: var(--color-surface-offset); }
.cmp-part { display: block; font-weight: 500; font-size: var(--text-xs); color: var(--color-text-muted); margin-top: 2px; }
.cmp-more { white-space: nowrap; font-weight: 600; color: var(--color-primary); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }