/* Credit tool additions; typography, inputs and result card inherit calc.css. */
#bc-credit [hidden] { display: none !important; }
#bc-credit .bc-chips { margin: -.35rem 0 1.25rem; }
.cr-costs { margin-top: 1.25rem; border-top: 1px solid var(--c-line); padding-top: 1rem; }
.cr-costs summary { color: var(--c-blue); font-weight: 600; cursor: pointer; margin-bottom: 1rem; }
.cr-extra { border-top: 1px solid var(--c-line); margin-top: 1.25rem; padding-top: 1.25rem; }
.cr-select { width: 100%; min-height: 3rem; padding: .7rem; border: 1px solid var(--c-line); border-radius: .65rem; background: #fff; color: var(--c-navy); font: inherit; }
.cr-error { background: #fff2e8; color: #8b3009; border-radius: .65rem; padding: .85rem; margin-top: 1rem; }
.cr-composition { display: flex; height: .65rem; border-radius: 1rem; overflow: hidden; margin-top: 1.5rem; background: rgba(255,255,255,.2); }
.cr-composition i { background: var(--bc-a); }
.cr-composition i:nth-child(2) { background: var(--bc-b); }
.cr-composition i:nth-child(3) { background: var(--bc-g); }
.cr-schedule { margin-top: 2rem; }
.cr-schedule .bdi-scroll { max-height: 28rem; overflow: auto; border: 1px solid var(--c-line); border-radius: .8rem; }
.cr-schedule thead th { position: sticky; top: 0; z-index: 1; background: #f1f5fc; }
.cr-schedule-head { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-bottom: 1rem; }
.cr-schedule-head .bc-h2 { margin-top: 0; }
.cr-schedule-head .button { flex: none; }
@media (max-width: 640px) { .cr-schedule-head { align-items: flex-start; flex-direction: column; } }