.brand { font-weight: 700; }
.narrow { max-width: 34rem; margin-inline: auto; }
.row-between { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
form.inline { display: inline-flex; gap: .5rem; margin: 0; }
form.inline input { margin: 0; }
.small { padding: .3rem .7rem; font-size: .85rem; margin: 0; width: auto; }
.num { text-align: right; font-variant-numeric: tabular-nums; }
.stat { text-align: center; }
.stat strong { display: block; font-size: 1.6rem; }
.flash { padding: .75rem 1rem; border-radius: .4rem; margin-bottom: 1rem; }
.flash-success { background: #d3f9d8; color: #1b4332; }
.flash-error { background: #ffe3e3; color: #7d1a1a; }
.flash-info { background: #d0ebff; color: #0b3d63; }
.inline-details { display: inline-block; margin: 0; }
.inline-details summary { font-size: .85rem; }
.badge { display: inline-block; padding: .15rem .5rem; border-radius: .4rem; background: #d0ebff; color: #0b3d63; font-size: .8rem; }
.badge.danger { background: #ffe3e3; color: #7d1a1a; }
.meter-photo { max-width: 100%; max-height: 18rem; border-radius: .5rem; margin-bottom: 1rem; }
.preserve { white-space: pre-wrap; overflow-wrap: anywhere; }
.owner-group { border-top: 2px solid var(--pico-muted-border-color); padding-top: 1.5rem; margin-top: 2rem; }
article, td { overflow-wrap: anywhere; }
form small { display: block; margin-bottom: .8rem; }
@media (max-width: 850px) {
  header nav { flex-wrap: wrap; }
  header nav ul { flex-wrap: wrap; }
  header nav li { padding-block: .25rem; }
}