/* watchtower: additions to Bootstrap 5.3 (bootstrap.min.css). No build. */
h1 { font-size: 1.35rem; margin: .5rem 0 1rem; }
h2 { font-size: 1.05rem; }
code.wrap { word-break: break-all; }
.narrow { max-width: 520px; }

.kind { font-family: var(--bs-font-monospace); }
.incident.urgent { border-left: 4px solid var(--bs-danger); }
.incident.is-muted { border-left-color: var(--bs-secondary); }
.incident .incident { margin-top: .5rem; }
.incident.suppressed { opacity: .55; filter: grayscale(1); }
.person.inactive { opacity: .7; }

dl.facts { display: grid; grid-template-columns: max-content 1fr; gap: .15rem .75rem; margin: 0; }
dl.facts dt { font-weight: normal; color: var(--bs-secondary-color); }
dl.facts dd { margin: 0; word-break: break-word; }

@media (max-width: 576px) {
  dl.facts { grid-template-columns: 1fr; }
  dl.facts dt { margin-top: .25rem; }
}