:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#1c3440;background:#f4f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:86px;display:flex;align-items:center;gap:18px;background:white;border-bottom:1px solid #dce4e6;padding:0 30px}.brand{background:#143d48;color:white;border-radius:10px;padding:13px 12px;font-weight:800;letter-spacing:1px}.brand span{color:#66d4bc}h1{font-size:19px;letter-spacing:-.4px;margin:0 0 5px}header p{font-size:10px;letter-spacing:1.8px;margin:0;color:#607882}header a{margin-left:auto;text-decoration:none;font-size:13px;color:#2d685e}main{display:grid;grid-template-columns:370px 1fr;min-height:calc(100vh - 86px)}aside{padding:30px 26px;background:#fff;overflow:auto;max-height:calc(100vh - 86px)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#417365}h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.intro{font-size:13px;line-height:1.7;color:#617782}.legend{padding:15px 0;border-top:1px solid #e8edef;border-bottom:1px solid #e8edef;margin:22px 0}.legend div{display:flex;align-items:center;gap:8px;font-size:11px;margin:8px 0}.legend strong{margin-left:auto;font-weight:650}.legend i{width:10px;height:10px;border-radius:50%;flex:none}.inner{background:#178f85}.outer{background:#df9b3c}.inputs{display:flex;gap:10px}label{font-size:11px;color:#5b737e;flex:1;min-width:0}input{display:block;width:100%;margin:7px 0 12px;border:1px solid #cdd9dd;border-radius:6px;padding:10px;font:inherit;font-size:13px}button{background:#164b47;color:#fff;border:0;border-radius:6px;padding:12px 15px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}form button{width:100%}button:hover{filter:brightness(1.12)}.result{margin-top:24px;background:#eff7f4;padding:22px;border:1px solid #d8e9e0;border-radius:10px}#clearance{font-size:48px;font-weight:650;letter-spacing:-2px;margin:6px 0}#clearance small{font-size:20px;font-weight:450;letter-spacing:0}#status{font-size:12px;line-height:1.5;color:#4c6961}.result.negative{background:#fff1ee;border-color:#efb7aa}.negative #clearance{color:#aa392c}dl{display:grid;grid-template-columns:1fr auto;border-top:1px solid #d2e2db;padding-top:14px;font-size:11px;gap:10px}dd{margin:0;font-weight:650}dt{color:#5b736b}.fine{font-size:10px;line-height:1.6;color:#788a91}details{font-size:11px;line-height:1.7;margin-top:22px}summary{cursor:pointer;font-weight:650}#reference{color:#986822}.mapWrap{position:relative;min-height:550px}#map{position:absolute;inset:0;background:#e0e8e4}.reset{position:absolute;right:20px;top:20px;z-index:500;background:white;color:#284e4d;box-shadow:0 2px 12px #0002}.mapCaption{position:absolute;bottom:28px;left:20px;background:white;padding:12px 15px;z-index:500;border-radius:5px;font-size:10px;letter-spacing:1px;box-shadow:0 2px 12px #0001}.mapCaption span{color:#81918f}#mapStatus{position:absolute;top:62px;right:20px;z-index:500;max-width:280px;background:white;font-size:11px;padding:8px;border-radius:5px}#mapStatus:empty{display:none}.leaflet-container{font-family:inherit}@media(max-width:800px){main{display:flex;flex-direction:column-reverse}aside{max-height:none;padding:24px}.mapWrap{height:52vh;min-height:350px}header{height:75px;padding:0 18px}h2 br{display:none}.mapCaption{bottom:24px;font-size:8px}.reset{font-size:10px}}

.approach{background:#8159bb}#approachLegend{margin-top:-15px;padding-top:0;border-top:0}#surfaceList{font-size:10px;line-height:1.5}#surfaceList>div{display:flex;justify-content:space-between;gap:12px;margin:6px 0}#surfaceList>p{font-weight:650;border-top:1px solid #d2e2db;padding-top:12px}#approachSettings{border-top:1px solid #e8edef} .leaflet-control-layers{font-size:10px!important} .leaflet-control-layers input{display:inline;width:auto;margin:0 5px 0 0} .leaflet-control-layers label{display:block}