@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#037a3c;--brand-green:#039549;--gold:#f7bc3a;--ink:#20372f;--muted:#7c8881;--line:#e5e9e2;--paper:#fafbf7}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;background:var(--paper)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}header{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:42px;background:#fff;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font:800 20px Manrope,sans-serif;letter-spacing:1px}.brand img{width:88px;height:34px;object-fit:contain}.uav{font-weight:500;margin-left:4px;color:var(--brand-green)}.brand small{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:1.9px;margin-top:4px}.product{border-left:1px solid var(--line);padding-left:32px;font-weight:600;font-size:16px}.product span{font-size:9px;letter-spacing:1px;background:#f3efdf;padding:5px 7px;border-radius:4px;color:#877342;margin-left:9px}nav{margin-left:auto;display:flex;gap:28px;font-size:12px}nav button{border:0;background:none;padding:0}nav span{margin-left:8px;color:#819083}main{display:flex;height:calc(100dvh - 89px);min-height:600px}aside{width:360px;flex-shrink:0;display:flex;flex-direction:column;overflow:auto;border-right:1px solid var(--line);background:var(--paper)}.intro{padding:30px 27px 23px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:700;color:#71836c;display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:var(--gold);border-radius:50%}h1{font:700 27px/1.35 Manrope,sans-serif;letter-spacing:-1px;margin:17px 0 10px}h1 em{font-style:normal;color:#80917c}.intro p{font-size:12px;line-height:1.8;color:#7c857d;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 27px;gap:20px}.tabs button{border:0;background:transparent;font-size:12px;padding:10px 0 13px;color:#8c948a;position:relative}.tabs button[aria-selected=true]{color:var(--green);font-weight:700}.tabs button[aria-selected=true]:after{content:'';position:absolute;height:3px;background:var(--green);bottom:-1px;left:0;right:0;border-radius:3px}form{padding:22px 27px 13px}form>label:not(.bufferToggle),#coordinateOptions label,#bufferOptions label{display:block;font-size:9px;letter-spacing:1.4px;font-weight:700;margin-bottom:9px;color:#768174}select{width:100%;border:1px solid #dce2d8;border-radius:7px;padding:12px;background:#fff;color:#3b4c40;font-size:12px;margin-bottom:18px}.inputwrap{display:flex;border:1px solid #dce2d8;border-radius:7px;align-items:center;background:#fff;height:44px}.inputwrap>span{padding-left:12px;font-size:24px;color:#8b998b}input[type=text],input:not([type]){width:100%;min-width:0;border:0;outline:none;padding:11px 8px;background:transparent;font-size:12px}.inputwrap button{border:0;background:transparent;color:#9ba494;padding:10px;font-size:17px}.bufferToggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#6f7c6c;margin:14px 0 18px}.bufferToggle span{font-size:8px;margin-left:auto;color:#9a9e84;letter-spacing:1px}input[type=checkbox]{accent-color:var(--green);width:13px;height:13px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--green);color:white;border:0;border-radius:7px;padding:14px 17px;font-size:12px;font-weight:600;box-shadow:0 3px 7px #143d3210}.primary:hover{background:#026432}.primary:disabled{opacity:.6;cursor:wait}.primary span{font-size:18px;color:var(--gold);line-height:14px}.hint{font-size:10px;line-height:1.5;color:#8d9588;margin-bottom:0}.results{border-top:1px solid var(--line);margin:10px 27px 0;padding-top:22px;padding-bottom:18px}.sectionhead{display:flex;align-items:center;justify-content:space-between}h2{font:700 13px Manrope,sans-serif;margin:0}.sectionhead button{border:0;background:none;font-size:10px;color:#647b66}#resultMessage{font-size:11px;color:#8b9488;line-height:1.7;margin:10px 0 15px}#examples>button{display:flex;align-items:center;width:100%;padding:12px 0;border:0;border-bottom:1px solid #ebeee7;background:transparent;text-align:left;gap:12px}#examples b{font-size:11px;font-weight:600}#examples small{display:block;color:#91998b;font-size:10px;margin-top:4px}#examples button>span:last-child{margin-left:auto;color:#8b9b88}.pin{display:grid;place-items:center;width:32px;height:34px;background:#edf0e7;border-radius:6px;color:#71836a;font-size:18px}.sidebarfoot{margin-top:auto;padding:19px 27px;background:#f0f3eb;display:flex;gap:9px;align-items:center;min-height:67px}.source-dot,.mapbadge span{background:#7a9972;width:6px;height:6px;flex-shrink:0;border-radius:50%}.sidebarfoot b{font-size:10px;font-weight:500}.sidebarfoot small{display:block;font-size:9px;margin-top:3px;color:#89927f}.sidebarfoot button{margin-left:auto;border:1px solid #a1ac96;border-radius:50%;font:11px Georgia;background:none;width:17px;height:17px;padding:0}.maparea{flex:1;min-width:0;position:relative;background:#c4d1c4;overflow:hidden}#map{position:absolute;inset:0}.maptop{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none}.locationpill{display:flex;gap:10px;align-items:center;background:#fffef9ed;padding:11px 15px;border:1px solid #fff8;border-radius:8px;box-shadow:0 3px 16px #16342513}.locationpill>span{font-size:22px;color:#829477}.locationpill strong{font-size:11px;font-weight:600}.locationpill small{display:block;margin-top:4px;font-size:9px;color:#87907f}.mapbadge{font-size:9px;font-weight:700;letter-spacing:1px;background:#fffef9eb;padding:9px 12px;border-radius:6px;align-self:flex-start;display:flex;align-items:center;gap:7px}.maptools{position:absolute;top:100px;right:25px;padding:5px;background:#fffef9f5;display:flex;flex-direction:column;border-radius:9px;box-shadow:0 4px 20px #102c301c}.maptools button{height:35px;width:35px;border:0;border-radius:5px;background:none;font-size:21px}.maptools button:hover{background:#eef2e6}.maptools #tiltBtn,.maptools #northBtn{font-size:11px;font-weight:700}.maptools .active{background:var(--green);color:#fff}.maptools hr{border:0;border-top:1px solid var(--line);width:27px;margin:5px auto}.panel{background:#fffefaf5;border:1px solid #ffffffa1;border-radius:11px;box-shadow:0 5px 25px #19302b26}.layers{position:absolute;bottom:65px;left:25px;width:207px;padding:16px}.layers .sectionhead{margin-bottom:15px}.layers h2{font-size:11px}.layers label{font-size:10px;display:flex;gap:6px;align-items:center;margin:9px 0}.swatch{width:10px;height:10px;border:1.5px solid #d6bd67;margin-right:1px}.basemaps{display:flex;gap:8px;margin-top:14px}.basemaps button{padding:4px 4px 6px;border:1px solid var(--line);border-radius:6px;font-size:9px;background:#fff;width:82px}.basemaps .selected{border-color:#42644c}.thumb{display:block;height:40px;border-radius:3px;margin-bottom:5px}.satellite{background:radial-gradient(ellipse at 30% 60%,#9ea077,transparent 40%),repeating-linear-gradient(120deg,#5b7051,#5b7051 10px,#7e8860 15px,#3d5b43 25px)}.topo{background:repeating-radial-gradient(ellipse at 10% 80%,#eeecdb,#eeecdb 5px,#c6cfb4 6px,#eeecdb 7px)}.layers>small{display:block;font-size:9px;color:#89917f;line-height:1.6;margin-top:11px}.mapbottom{position:absolute;bottom:28px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.legend{background:#fffefaed;border-radius:5px;padding:8px 10px;font-size:8px;display:flex;align-items:center;gap:6px;white-space:nowrap}.legend span{height:8px;width:8px;border:1px solid #b39549}.legend .selectedlegend{background:#47745b70;border-color:#214d3d;margin-left:8px}.gesture{font-size:9px;color:#fff;text-shadow:0 1px 4px #000;background:#153d3275;padding:7px 9px;border-radius:5px}.gesture b{padding:0 5px}#mapStatus{position:absolute;top:94px;left:25px;font-size:10px;padding:8px 12px;background:#fffefaed;border-radius:5px;max-width:65%;line-height:1.5}#mapStatus:empty{display:none}#detail{position:absolute;right:80px;top:101px;width:290px;padding:22px;max-height:calc(100% - 170px);overflow:auto}#detail h2{font-size:18px;line-height:1.5;margin-top:13px;padding-right:14px}#detail p{color:#82907d;font-size:11px}dl{display:grid;grid-template-columns:1fr 1.2fr;font-size:11px;line-height:1.6;gap:11px 8px;margin:22px 0}dt{color:#8c9588}dd{margin:0;text-align:right;overflow-wrap:anywhere}.detailactions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:14px;justify-content:space-between}.detailactions button,.detailactions a{background:#edf1e7;border:0;border-radius:5px;padding:9px;font-size:10px}#detail>small{display:block;font-size:9px;color:#98a08e;line-height:1.6;margin-top:12px}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:22px;color:#8e9986}.resultcard{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px;margin-bottom:8px}.resultcard.active{border-color:#547652;background:#eef3e8}.resultcard b{display:block;font-size:12px;margin-bottom:5px}.resultcard small{color:#87957d;font-size:10px}.resultcard>span{display:block;font-size:10px;color:#6f8268;margin-top:6px}dialog{border:1px solid var(--line);border-radius:15px;max-width:560px;width:calc(100% - 30px);padding:32px;color:var(--ink);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#18362c77;backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:20px 0}dialog p{font-size:13px;line-height:1.8;color:#768571}dialog a{font-size:12px;color:var(--green);text-decoration:underline}[hidden]{display:none!important}.esri-view .esri-view-surface--inset-outline:focus:after{outline:none}.esri-attribution{font-size:9px!important;max-width:100%}
@media(min-width:1500px){aside{width:390px}.intro,form{padding-left:32px;padding-right:32px}.tabs,.results{margin-left:32px;margin-right:32px}h1{font-size:30px}.intro{padding-top:38px}}
@media(max-width:1000px){header{padding:0 20px;gap:20px}.product{padding-left:20px}nav{gap:12px}nav a{display:none}.gesture{display:none}aside{width:320px}.intro,form{padding-left:22px;padding-right:22px}.tabs,.results{margin-left:22px;margin-right:22px}h1{font-size:24px}#detail{right:76px;width:260px}.mapbadge{display:none}.layers{width:185px}}
@media(max-width:700px){header{height:74px;padding:0 16px}.brand{font-size:16px}.brand img{width:60px;height:25px}.brand small{font-size:6px;letter-spacing:1.2px}.product{font-size:12px;border:0;padding:0;margin-left:auto}.product span{display:block;font-size:7px;width:max-content;margin:5px 0 0}nav{display:none}main{height:auto;min-height:0;flex-direction:column}.maparea{height:65dvh;min-height:440px;order:0}aside{order:1;width:100%;overflow:visible}.intro{padding:23px}.intro h1{font-size:25px}.intro br{display:none}.intro p br{display:block}.maptop{top:15px;left:15px;right:15px}.maptools{right:15px;top:88px}.layers{left:15px;bottom:58px;padding:12px;width:180px}.layers .sectionhead{margin-bottom:8px}.mapbottom{left:15px;right:15px}#detail{left:15px;right:65px;top:85px;width:auto;max-height:calc(100% - 135px);z-index:3}#mapStatus{top:79px;left:15px}.sidebarfoot{margin-top:0}.tabs{gap:30px}.results{margin-top:6px}form{padding-top:20px}#resultList{max-height:450px;overflow:auto}}
@media(max-width:700px){.intro h1 br{display:block}}

.eyebrow>span{background:var(--brand-green)}h1 em{color:var(--brand-green)}.swatch{border-color:var(--gold)}.legend span{border-color:var(--gold)}.resultcard.active{border-color:var(--brand-green)}.product span{background:#fff5dc;color:#76530a}
.swatch,.legend span{border-color:#ff3030}.legend .selectedlegend{border-color:#ff3030;background:#03954938}
.layers-button{position:absolute;bottom:65px;left:25px;display:flex;align-items:center;gap:8px;min-height:40px;padding:10px 14px;background:#fffefaf5;border:1px solid #ffffffa1;border-radius:8px;box-shadow:0 4px 16px #19302b26;font-size:12px;font-weight:600}.layers-button span{font-size:18px;line-height:1}.layers-button[aria-expanded=true]{background:var(--green);color:#fff}.layers{bottom:115px}.layers .sectionhead button{min-width:32px;min-height:32px;font-size:22px;line-height:1;border-radius:5px}.layers .sectionhead{margin-bottom:8px}@media(max-width:700px){.layers-button{left:15px;bottom:58px;min-height:44px}.layers{bottom:112px;max-height:calc(100% - 130px);overflow:auto}}
html.map-expanded{overflow:hidden;overscroll-behavior:none}body.map-expanded{position:fixed;top:var(--map-scroll-top,0px);left:0;right:0;overflow:hidden}.maparea.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:var(--map-expanded-height,100vh);height:100dvh;min-height:0}.maparea:fullscreen{width:100%;height:100vh;height:100dvh;min-height:0}.fullscreen-exit{position:absolute;right:25px;bottom:65px;z-index:5;min-height:44px;padding:10px 14px;border:1px solid #ffffffa1;border-radius:8px;background:#fffefaf5;color:var(--green);box-shadow:0 4px 16px #19302b26;font-size:12px;font-weight:600}.maparea.is-expanded .maptop,.maparea:fullscreen .maptop{top:calc(15px + env(safe-area-inset-top,0px));left:calc(15px + env(safe-area-inset-left,0px));right:calc(15px + env(safe-area-inset-right,0px))}.maparea.is-expanded .maptools,.maparea:fullscreen .maptools{top:calc(88px + env(safe-area-inset-top,0px));right:calc(15px + env(safe-area-inset-right,0px))}.maparea.is-expanded .layers-button,.maparea:fullscreen .layers-button{left:calc(15px + env(safe-area-inset-left,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px))}.maparea.is-expanded .fullscreen-exit,.maparea:fullscreen .fullscreen-exit{right:calc(15px + env(safe-area-inset-right,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px))}.maparea.is-expanded .mapbottom,.maparea:fullscreen .mapbottom{left:calc(15px + env(safe-area-inset-left,0px));right:calc(15px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px))}@media(max-height:480px){.maparea.is-expanded .maptools,.maparea:fullscreen .maptools{top:calc(15px + env(safe-area-inset-top,0px));flex-direction:row}.maparea.is-expanded .maptools hr,.maparea:fullscreen .maptools hr{width:1px;height:24px;margin:5px}}
