.readings { display: grid; gap: 6px; }
.reading { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) minmax(0, 1fr) 2.5rem; gap: 6px; align-items: center; }
.reading.head { color: var(--muted); font-size: .85rem; font-weight: 600; }
.reading .tag { font-size: .85rem; color: var(--muted); }
.reading input, .reading button { padding: 8px 6px; }
.reading label { display: block; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#result { display: grid; gap: 8px; }
#result p { margin: 0; }
.level { font-size: 1.15rem; font-weight: 600; color: var(--accent); }
.warn:empty { display: none; }
.bp-table td:first-child, .bp-table th:first-child { text-align: left; }