default state
  html > body > header > h1
    paint order: 3 → 4 (stacking changed)
    ← no CSS declaration on this node changed
  html > body > header > span[data-testid=plan-badge]
    z-index: 2 → 0
    paint order: 4 → 3 (stacking changed)
    ← .badge { z-index: 2 → 0 }  theme.regressed.css:21:3
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]
    color: rgb(107, 114, 128) → rgb(199, 203, 212)
    contrast 4.83 → 1.63  ✗ falls below WCAG AA-normal
    ← .muted { color: rgb(107, 114, 128) → rgb(199, 203, 212) }  theme.regressed.css:30:3
  html > body > main > section[data-testid=invoice-card] > p[data-testid=invoice-note]
    color: rgb(107, 114, 128) → rgb(199, 203, 212)
    contrast 4.83 → 1.63  ✗ falls below WCAG AA-normal
    ← .muted { color: rgb(107, 114, 128) → rgb(199, 203, 212) }  theme.regressed.css:30:3
  html > body > main > footer[data-testid=footnote]
    color: rgb(107, 114, 128) → rgb(199, 203, 212)
    ← .muted { color: rgb(107, 114, 128) → rgb(199, 203, 212) }  theme.regressed.css:30:3
  html > body > main > div > button[data-testid=pay]
    resized 0px × +12px
    ← .btn { padding: 8px 16px → 14px 16px }  theme.regressed.css:4:3
  html > body > main > div > button[data-testid=download]
    resized 0px × +12px
    ← .btn { padding: 8px 16px → 14px 16px }  theme.regressed.css:4:3

:hover
  html > body > main > div > button[data-testid=pay]
    background-color: rgb(29, 78, 216) → rgb(37, 99, 235)
    contrast 6.7 → 5.17
    resized 0px × +12px
    ← .btn-primary:hover { background: rgb(29, 78, 216) → rgb(37, 99, 235) }  theme.regressed.css:15:3
    ← .btn { padding: 8px 16px → 14px 16px }  theme.regressed.css:4:3
  html > body > main > div > button[data-testid=download]
    resized 0px × +12px
    ← .btn { padding: 8px 16px → 14px 16px }  theme.regressed.css:4:3

25 derived changes (a consequence of the above)
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]  text-decoration-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]  border-top-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]  border-right-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]  border-bottom-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]  border-left-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=usage-card] > p[data-testid=usage-note]  outline-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=invoice-card] > p[data-testid=invoice-note]  text-decoration-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=invoice-card] > p[data-testid=invoice-note]  border-top-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=invoice-card] > p[data-testid=invoice-note]  border-right-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  html > body > main > section[data-testid=invoice-card] > p[data-testid=invoice-note]  border-bottom-color: rgb(107, 114, 128) → rgb(199, 203, 212)  (follows color)
  ... and 15 more

39 changes: 14 primary, 25 derived