*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#233b35;font:15px system-ui,sans-serif}header{padding:23px 32px;background:#183e35;color:#fff;display:flex;justify-content:space-between;gap:20px}.brand{letter-spacing:3px;font-size:12px}.badge{font-size:11px;letter-spacing:1px;color:#d5e8b9}main{display:grid;grid-template-columns:280px 1fr;min-height:90vh}aside{padding:30px 24px;border-right:1px solid #d3d9d2;background:#ecefe8}section{padding:30px;max-width:1200px;width:100%}h1{font-size:26px;font-weight:550;margin:0}h2{font-size:18px;font-weight:600}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.heading span,small{color:#60756b;font-size:12px}.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card{display:grid;gap:12px;text-align:left;background:#fff;padding:18px}.health{padding:12px;background:#fff;border-radius:7px}.health small{display:block;margin-top:8px}button{border:1px solid #a8bab0;background:#fff;color:#234f41;border-radius:6px;padding:10px 14px;cursor:pointer;font:inherit}button:hover{background:#e2ecd9}aside button{margin:4px 0;width:100%}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}article{background:#fff;border-left:3px solid #99b99c;padding:18px;margin:14px 0;overflow-wrap:anywhere}article p{white-space:pre-wrap;line-height:1.6}.recommendation{background:#e3ebd8;padding:18px;border-radius:8px;margin-top:20px}input,textarea{width:100%;padding:12px;border:1px solid #a8bab0;border-radius:6px;font:inherit;margin:12px 0}textarea{min-height:170px}form{margin-top:30px}[role=status]{color:#963a29}@media(max-width:760px){main{grid-template-columns:1fr}aside{border-right:0}header{flex-direction:column}section{padding:20px}}.operator-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
