/* Approved semantic replacement for the technology comparison graphic. */
.comparison-table-component {
  position: relative;
  container-type: inline-size;
  width: 100%;
}
.comparison-table-image { display: none; width: 100%; height: auto; }
.comparison-table-scroll {
  position: relative;
  container-type: inline-size;
  width: 100%;
  overflow-x: auto;
  background: transparent;
  color: inherit;
}
.comparison-table-scroll:focus-visible {
  outline: 3px solid #078335;
  outline-offset: 3px;
}
.comparison-table {
  width: max-content;
  min-width: 0;
  margin-inline: auto;
  border-collapse: collapse;
  table-layout: auto;
  font-family: inherit;
  font-size: clamp(14px, 1.7cqi, 16px);
  line-height: 1.2;
  text-align: center;
}
.comparison-table__feature-column,
.comparison-table__eta-column { width: auto; }
.comparison-table th,
.comparison-table td {
  box-sizing: border-box;
  padding: 4px 10px;
  vertical-align: middle;
  border-right: 1px solid #555;
}
.comparison-table tr > :last-child { border-right: 0; }
.comparison-table thead th { height: 36px; font-size: clamp(16px, 2.1cqi, 20px); font-weight: 700; }
.comparison-table thead tr:first-child > :last-child { border-right: 0; }
.comparison-table thead tr:first-child > :nth-child(2),
.comparison-table thead tr:nth-child(2) > :first-child { border-right-width: 2px; }
.comparison-table thead .comparison-table__blank { border-right-width: 2px; }
.comparison-table .comparison-table__descriptions th {
  height: 60px;
  border-top: 1px solid #555;
  font-weight: 400;
}
.comparison-table .comparison-table__descriptions > :first-child { border-right-width: 2px; }
.comparison-table tbody tr { border-top: 2px solid #555; }
.comparison-table tbody tr:last-child { border-bottom: 2px solid #555; }
.comparison-table tbody th,
.comparison-table tbody td { height: clamp(48px, 6cqi, 64px); }
.comparison-table tbody th {
  padding-right: 10px;
  border-right-width: 2px;
  font-weight: 400;
  text-align: right;
  font-size: clamp(16px, 2.1cqi, 20px);
  white-space: nowrap;
}
.comparison-table tbody td:nth-child(2) { border-right-width: 2px; }
.comparison-table__status { display: inline-flex; position: relative; vertical-align: middle; flex-shrink: 0; line-height: 0; }
.comparison-table__status svg { display: block; flex: none; width: clamp(25.9px, 4.606cqi, 54.6px); height: auto; aspect-ratio: 1; overflow: visible; }
.comparison-table__status--yes { color: #00bd28; }
.comparison-table__status--no { color: #df1010; }
.comparison-table__status circle { fill: currentColor; }
.comparison-table__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@container (max-width: 531px) {
  .comparison-table-component > .comparison-table-scroll {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .comparison-table-image { display: block; }
}