.action-comparison { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 32px; }
.comparison-label { font-size: 14px; font-weight: 600; padding: 20px 0; }
.source-cell, .live-cell { min-width: 0; padding: 20px 0; border-top: 1px solid var(--kb-surface-border); }
.action-comparison h3 { font-size: 14px; line-height: 20px; font-weight: 500; margin: 0 0 12px; }
.source-cell img { max-width: 100%; height: auto; display: block; }
.action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
#action-status { min-height: 24px; margin-top: 28px; }
.extension-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.extension-grid > section { min-width: 0; }
.extension-grid h3 { font-size: 16px; line-height: 24px; }
.extension-grid p { font-size: 14px; }
@media (max-width: 699px) { .action-comparison { grid-template-columns: minmax(0,1fr); } .comparison-label { display: none; } .live-cell { border-top: 0; padding-top: 0; } .live-cell h3::before { content: 'KB · '; } .source-cell h3::before { content: 'WSDMM · '; } .extension-grid { grid-template-columns: 1fr; } }

.source-cell img[data-source="addDevice"] { width: 100%; height: 57px; object-fit: none; object-position: center; }

/* Match the breathing room of the padded actual Apply capture. */
.live-cell[data-row="apply"] .action-row { padding: 16px; }