*{box-sizing:border-box}body{margin:0;background:#f2f5f1;color:#243c31;font:15px/1.65 system-ui,-apple-system,sans-serif}header{padding:22px 5vw;background:#233d32;color:white;display:flex;justify-content:space-between}main{max-width:1280px;margin:auto;padding:30px}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}h2{font-size:21px}#mode{color:#786039}button,a{font:inherit}button{cursor:pointer;border:1px solid #bccdbf;border-radius:12px;padding:12px 18px;color:#244d38;background:white}button:disabled{opacity:.5}a{color:#32664b}.toolbar{display:flex;gap:24px;align-items:center}#message{color:#8b4b24;min-height:25px}#metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}#metrics>div{padding:18px 24px;background:white;border-radius:14px}#metrics b{display:block;font-size:24px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}#flow{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}#flow button{text-align:left;min-height:130px;border-top:5px solid #8da893;box-shadow:0 8px 15px #183b2410}#flow button.active{background:#dfece0;border-color:#3c7850}#flow button.unknown{border-top-color:#c8a568}#flow strong{font-size:19px;display:block}#flow small{display:block;color:#627367}article{padding:25px;background:white;border-radius:18px;min-height:420px}article p{border-bottom:1px solid #e5ece5;padding:8px 0;overflow-wrap:anywhere}article small{color:#6b7b6e}.gaps{background:#fbf7eb;padding:15px 28px;border-radius:16px;margin:24px 0}.gaps li{margin:7px 0}[hidden]{display:none!important}@media(max-width:750px){main{padding:20px}h1{font-size:26px}.workspace{grid-template-columns:1fr}#metrics{grid-template-columns:1fr}#flow button{min-height:105px}.toolbar{flex-wrap:wrap;gap:12px}}