/* Small additions on top of Bootstrap: numbers, the signal card, details panels. */
.num { font-variant-numeric: tabular-nums; }
.symbol { font-size: 1.25rem; font-weight: 700; }
.card.done { opacity: .72; }
.sentinel-brand { font-weight: 700; letter-spacing: .02em; }
details { margin-top: .5rem; }
details > summary { cursor: pointer; color: var(--bs-secondary-color); }
details[open] > summary { margin-bottom: .5rem; }
.why-table { max-width: 32rem; }
.why-table td:first-child { color: var(--bs-secondary-color); }
.metrics-table th, .metrics-table td { white-space: nowrap; }
.metrics-table td:first-child, .metrics-table th:first-child { position: sticky; left: 0; background: var(--bs-body-bg); }
.login-card { max-width: 24rem; margin: 4rem auto; }
.reason-input { min-width: 12rem; flex-basis: 14rem; }