/* isolated-components.css */

.legacyTable {
  width: 100%;
  border-collapse: collapse;
}

.legacyTable + .legacyTable {
  margin-block-start: 32px;
}

.legacyTable th,
.legacyTable td {
  padding-inline: .5em;
  padding-block: .5em;
  border: #0d98d2 1px solid;
}

.legacyTable th {
  width: 40%;
  background-color: #f1fbff;
}

.legacyTable td {
  width: 30%;
}

.legacyTable td:last-of-type {
  text-align: right;
}

/* Modifier: --extra */
.legacyTable--extra td {
  width: 60%;
}

.legacyContent__note {
  color: #ff0000;
}