*{box-sizing:border-box}body{font:16px/1.6 system-ui,Arial,sans-serif;margin:0;background:#f2f7f8;color:#143342}header{background:#102f3d;color:white;padding:15px 5%}nav{max-width:1100px;margin:auto;display:flex;gap:16px;flex-wrap:wrap;align-items:center}a{color:#087b71}header a{color:white}.brand{font-size:24px;font-weight:800;margin-right:auto;text-decoration:none}main{max-width:1000px;margin:25px auto;padding:0 15px}.intro,.panel{background:white;border:1px solid #d7e4e6;border-radius:18px;padding:25px;margin-bottom:18px;box-shadow:0 3px 18px #1232}.intro h1{line-height:1.2}label{display:grid;gap:7px;font-weight:600}input,select{width:100%;font:inherit;border:1px solid #b8cbd0;border-radius:10px;padding:12px;min-width:0;background:white}.settings,.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fieldGrid{margin:18px 0}#notice{background:#e9f7f1;border-radius:8px;padding:12px}button{border:0;background:#087f71;color:white;padding:12px 20px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.muted{background:#dcece8;color:#14463c}.actions{display:flex;gap:10px;flex-wrap:wrap}.results{background:#eaf8f3;border-radius:12px;padding:16px;margin-top:20px}.metric{display:flex;justify-content:space-between;gap:12px;background:white;margin:8px 0;padding:12px;border-radius:9px}.metric strong{text-align:right}.disclaimer{color:#536d76;font-size:14px}footer{text-align:center;padding:30px}a:focus-visible,button:focus-visible{outline:3px solid orange}@media(max-width:560px){.settings,.fieldGrid{grid-template-columns:1fr}.intro,.panel{padding:17px}}