.compareDisplay {
  padding: 24px;
  border-radius: 16px 16px 0 0;
  background: var(--color-lightblue);
}

.form--demo05 {
  border-radius: 0 0 16px 16px;
}

.compareGrid {
  display: grid;
  gap: 16px;
}

.compareCard {
  display: grid;
  gap: 12px;
}

.compareTitle {
  font-weight: bold;
}

.compareBox {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 8px;
  background: var(--color-white);
  transition: opacity 0.2s ease;

  & a {
    color: var(--color-blue);
    text-decoration: underline;
  }

  &.is-css-inert,
  &[inert] {
    opacity: 0.4;
  }
}

.compareBox.is-css-inert {
  interactivity: inert;
}

.compareBox--fixed {
  interactivity: auto;
  opacity: 0.4;
}