.sx40-compare {
  margin:16px 0 20px;
  padding:18px;
  background:#f6faff;
  border:1px solid #d9e6f7;
  border-radius:12px;
  color:#153555;
}
.sx40-compare-head {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:18px;
}
.sx40-compare-head h3 {
  font-size:20px;
  margin:4px 0 8px;
  color:#14365b;
}
.sx40-compare-head p {
  font-size:13px;
  color:#47617d;
  line-height:1.5;
  max-width:650px;
  margin:0;
}
.sx40-kicker {
  color:#155eef;
  font-weight:800;
  font-size:11px;
  letter-spacing:.05em;
}
.sx40-actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.sx40-actions strong { color:#133b67; }
.sx40-select {
  border:1px solid #155eef;
  background:#fff;
  color:#155eef;
  padding:9px 13px;
  border-radius:8px;
  cursor:pointer;
  font-weight:700;
}
.sx40-select[aria-pressed="true"] {
  background:#155eef;
  color:#fff;
}
.sx40-empty {
  margin:16px 0 0;
  padding:14px;
  background:#fff;
  border:1px dashed #b9cdea;
  color:#526b86;
  border-radius:8px;
}
.sx40-table-scroll {
  overflow-x:auto;
  margin-top:18px;
  border:1px solid #dbe5f3;
  border-radius:10px;
  background:white;
}
.sx40-table {
  border-collapse:collapse;
  width:100%;
  min-width:720px;
  font-size:12px;
}
.sx40-table th,.sx40-table td {
  padding:12px;
  border-bottom:1px solid #e5edf7;
  border-right:1px solid #e5edf7;
  vertical-align:top;
  text-align:left;
  color:#203e5f;
}
.sx40-table th:first-child {
  min-width:165px;
  background:#f2f7ff;
}
.sx40-table thead th {
  background:#f2f7ff;
  min-width:150px;
}
.sx40-product-name {
  font-weight:800;
  color:#16365d;
  margin-bottom:8px;
  overflow-wrap:anywhere;
}
.sx40-remove {
  display:block;
  cursor:pointer;
  border:0;
  background:transparent;
  color:#a03333;
  padding:0;
  margin-bottom:9px;
  text-decoration:underline;
}
.sx40-report-link {
  color:#155eef;
  font-weight:700;
  text-decoration:underline;
}
.sx40-footnote {
  font-size:11px;
  line-height:1.6;
  color:#526a83;
  margin:12px 0 0;
}
.sx40-select:focus-visible,
.sx40-remove:focus-visible,
.sx40-report-link:focus-visible,
.sx40-table-scroll:focus-visible {
  outline:3px solid #155eef;
  outline-offset:3px;
}
@media(max-width:700px) {
  .sx40-compare { padding:12px; }
  .sx40-compare-head { flex-direction:column; }
  .sx40-actions { width:100%; }
}