/* "How this bill changed" timeline (js/bill-changes.js). Colors match the bp- bill page. */
#billChanges { scroll-margin-top: 90px; }
.bc-head { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }
.bc-head .bp-h2 { margin: 0; }
.bc-count { font-size: 14px; color: #566271; }
.bc-timeline { list-style: none; margin: 0; padding: 0; display: grid; }
.bc-step, .bc-more-row { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0 12px; }
.bc-rail { display: grid; justify-items: center; grid-template-rows: auto 1fr; }
.bc-dot { width: 14px; height: 14px; border-radius: 50%; border: 3px solid #1e3a5f; background: #fff; margin-top: 4px; }
.bc-step.current .bc-dot { background: #d8a62a; border-color: #d8a62a; }
.bc-line { width: 2px; background: #d2d8df; margin: 4px 0; }
.bc-step.last .bc-line { display: none; }
.bc-body { padding-bottom: 18px; display: grid; gap: 6px; min-width: 0; }
.bc-step-head { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.bc-step-head b { font-size: 16px; color: #15202c; }
.bc-code { font-size: 13px; color: #566271; font-variant-numeric: tabular-nums; }
.bc-tag { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 99px; background: #fbf3df; color: #15202c; }
.bc-what { font-size: 15px; line-height: 1.55; color: #15202c; margin: 0; max-width: 75ch; }
.bc-what.muted { color: #566271; }
.bc-size { display: inline-flex; flex-wrap: wrap; gap: 6px; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.bc-size .a { color: #1d7447; background: #e2f1e8; padding: 1px 7px; border-radius: 6px; }
.bc-size .d { color: #b3261e; background: #fbe6e3; padding: 1px 7px; border-radius: 6px; }
.bc-links { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; }
.bc-links a { display: inline-flex; gap: 6px; align-items: center; font-weight: 600; color: #1e3a5f; text-decoration: underline; text-underline-offset: 2px; }
.bc-links a:focus-visible { outline: 3px solid #d8a62a; outline-offset: 2px; }
.bc-links .bp-svg { width: 15px; height: 15px; }
.bc-ai { font-size: 13px; color: #566271; margin: 4px 0 0; max-width: 75ch; }
.bc-more-row { display: none; }
@media (max-width: 700px) {
  #billChanges:not(.bc-open) .bc-step.older { display: none; }
  #billChanges:not(.bc-open) .bc-more-row { display: grid; padding-bottom: 6px; }
  #billChanges:not(.bc-open) .bc-step.current .bc-line { display: block; }
}