:root{color:#20252a;background:#fafafa;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}main{max-width:1120px;margin:auto;padding:24px 20px 48px}h1{margin-bottom:12px}h2{font-size:1.2rem}.demo{background:#fff6d7;border:2px solid #705000;padding:12px}.controls{flex-wrap:wrap;gap:20px;display:flex}label{gap:6px;display:grid}select{font:inherit;color:inherit;background:#fff;border:1px solid #777;padding:8px}:focus-visible{outline-offset:3px;outline:3px solid #245caa}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}article{background:#fff;border:1px solid #aaa;padding:16px}article h2{margin-top:0}.reading{font-size:1.5rem}small{font-size:.85rem;font-weight:400}section{margin:28px 0}.conditions{max-width:650px;padding:0;list-style:none}.conditions li{grid-template-columns:130px 1fr 30px;align-items:center;gap:12px;margin:8px 0;display:grid}.conditions span{text-transform:capitalize}meter{width:100%;height:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:top;border:1px solid #bbb;padding:10px}caption{text-align:left;margin-bottom:10px}thead{background:#eee}[role=alert]{border:1px solid #a00000;padding:12px}