*{box-sizing:border-box}body{margin:0;background:#f5f6f1;color:#23372d;font:15px/1.5 system-ui,Segoe UI,sans-serif}header{height:68px;background:#20372e;color:#fff;display:flex;align-items:center;gap:26px;padding:0 max(4%,calc((100% - 1450px)/2))}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-1px}.headnote{border-left:1px solid #678071;padding-left:24px;color:#d8e2d8;font-size:13px}.badge{margin-left:auto;white-space:nowrap;color:#daedb0;font:12px monospace}main{max-width:1570px;margin:auto;padding:32px 4%}.eyebrow,.cap{font:700 10px/1.4 system-ui;letter-spacing:1.6px;color:#647768}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#648141}h1{font-size:clamp(32px,3.2vw,51px);letter-spacing:-2px;line-height:1.1;margin:9px 0}h2{font-size:19px;letter-spacing:-.55px;margin:6px 0 16px}.intro{color:#58665d;margin:0 0 23px}.workspace{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:17px}.panel,aside,.metric{background:#fff;border:1px solid #d6ddd3;border-radius:12px;overflow:hidden}aside{padding:23px}label{display:block;font-size:13px;font-weight:630;margin:8px 0 5px}button,select,input{font:inherit}button,select{cursor:pointer}input:not([type=radio]):not([type=file]),select{width:100%;border:1px solid #c8d1c5;border-radius:6px;background:#fff;padding:9px 10px;color:#2e4236}button{border:1px solid #c9d2c5;border-radius:6px;padding:9px 12px;background:#eef3eb;color:#284333;font-weight:650}button:disabled{cursor:default;opacity:.48}.primary{background:#244e3c;color:white;width:100%;margin:9px 0 1px;display:flex;align-items:center;justify-content:space-between}.filelink{color:#55744a;text-decoration:underline;cursor:pointer;font-size:12px}.filelink input{position:absolute;opacity:0;width:1px}.filelink:focus-within{outline:2px solid}hr{border:0;border-top:1px solid #e1e6df;margin:18px 0}.choice{display:flex;align-items:flex-start;gap:8px;line-height:1.3}.choice input{accent-color:#376045}.choice small{display:block;font-weight:400;color:#647467;font-size:12px;margin-top:3px}.export{display:flex;gap:7px}.export button{white-space:nowrap}.maphead{padding:15px 19px;display:flex;justify-content:space-between;align-items:center}.maphead h2{margin:3px 0 0}.maphead select{width:auto;font-size:13px}#map{min-height:320px;flex:1;background:#dae3ce}.panel{display:flex;flex-direction:column}.layers{display:flex;flex-wrap:wrap;gap:6px;padding:13px 14px 5px}.layers button{font-size:12px;padding:5px 10px}.layers .active{background:#284b38;color:white}.legend{padding:4px 15px 13px;color:#607062;font-size:12px}.ramp{display:inline-block;width:80px;height:9px;margin:0 8px;border-radius:8px}#status{font-size:13px;margin:12px 0 20px;color:#475e4a}.error{color:#993d27!important}#metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.metric{padding:15px 18px}.metric small{color:#627364}.metric strong{display:block;font-size:24px;line-height:1.35}.metric em{font-size:12px;font-weight:500;font-style:normal}footer{display:flex;justify-content:space-between;color:#6c796c;font-size:12px;margin-top:24px}#dem{max-width:100%;font-size:12px}@media(max-width:800px){main{padding:20px 3%}.workspace{grid-template-columns:240px minmax(0,1fr)}aside{padding:15px}.headnote{display:none}#metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.workspace{grid-template-columns:1fr}#map{height:370px;flex:none}.intro{font-size:14px}header{height:56px}.maphead{padding:12px}#metrics{gap:7px}}

#coords{padding:8px 15px;background:#f4f7f1;border-bottom:1px solid #d6ddd3;font-size:13px;font-variant-numeric:tabular-nums;color:#304e3d}
