:root{font:16px/1.6 system-ui;color:#193e3b;background:#f4f7f5}body{margin:0}header{background:#153d38;color:#fff;padding:20px 5%;display:flex;gap:30px;align-items:center}header strong{font-size:30px}header span{flex:1}main{max-width:1200px;margin:40px auto;padding:0 24px}.eyebrow{letter-spacing:2px;font-size:12px}h1{font-size:32px;font-weight:550}h2{font-size:22px}h3{font-size:16px}small{font-size:14px;color:#647a74}.grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}section,form{background:#fff;border:1px solid #dce6e0;border-radius:12px;padding:28px}form{max-width:480px}label{display:block;margin:16px 0}input,select,textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #a7bdb3;border-radius:6px;font:inherit}button{background:#176958;color:#fff;border:0;border-radius:6px;padding:12px 18px;margin:5px;cursor:pointer;font:inherit}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc941f;outline-offset:2px}.patient{display:flex;justify-content:space-between;width:100%;margin:8px 0;background:#fff;color:#193e3b;border:1px solid #dce6e0;padding:18px}meter{width:100px}nav{display:flex}p[role=status]{background:#e1eee7;padding:12px;white-space:pre-wrap}@media(max-width:750px){.grid{grid-template-columns:1fr}.patient{display:block}header span{display:none}}
