*{box-sizing:border-box}body{margin:0;font:15px/1.45 system-ui,sans-serif;color:#17392f;background:#e9eee6}#map{height:100dvh;width:100%}header,aside,footer{position:absolute;z-index:1000;background:#fffef8f5;box-shadow:0 4px 25px #17392f18;border:1px solid #d9e0d4}header{top:18px;left:18px;right:18px;border-radius:14px;padding:10px 14px;display:flex;gap:8px;align-items:center}.brand{font-size:21px;font-weight:750;margin-right:auto}.brand span{font-size:28px;color:#168ea0}.brand small{font-size:10px;letter-spacing:2px;margin-left:10px;color:#62766b}button,a{font:inherit}button{min-height:44px;border:1px solid #ccd8cd;background:#fffef8;border-radius:9px;padding:8px 13px;cursor:pointer;color:inherit}button:hover{background:#eef2e8}button:focus-visible,a:focus-visible{outline:3px solid #168ea0;outline-offset:3px}aside{left:18px;top:100px;width:292px;border-radius:14px;padding:22px}#close{position:absolute;right:9px;top:9px;border:0;font-size:22px;padding:0;width:36px;min-height:36px}h1{font-size:25px;line-height:1.2;margin:9px 20px 12px 0}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#657666;font-weight:700}aside p{color:#5c6d62;margin-bottom:0}aside a{display:inline-block;margin-top:15px;color:#126541;font-weight:700}aside a[hidden]{display:none}footer{bottom:22px;left:18px;border-radius:12px;padding:12px 16px;max-width:440px;font-size:13px}footer p{margin:6px 0;color:#526758}footer small{display:block;font-size:11px;color:#627066}i{display:inline-block;width:22px;height:3px;vertical-align:middle;margin-right:5px;background:#168ea0}.section{background:#ba6c1f;margin-left:14px;height:5px}.leaflet-control-zoom{margin-top:100px!important}.leaflet-container{background:#e6ebe1}.leaflet-control-attribution{font-size:10px}.leaflet-tile-pane{opacity:.64}@media(max-width:600px){header{top:10px;left:10px;right:10px;padding:8px;flex-wrap:wrap;gap:6px}.brand{width:100%;padding-left:4px;font-size:19px}.brand small{float:right;padding:9px}header button{flex:1;font-size:13px}aside{top:auto;bottom:128px;left:10px;right:58px;width:auto;padding:15px}aside h1{font-size:21px;margin:6px 22px 6px 0}aside p{font-size:13px}footer{bottom:24px;left:10px;right:10px;padding:9px 12px}.leaflet-control-zoom{margin-top:130px!important}}

.map-legend{display:flex;flex-wrap:wrap;gap:6px 14px}.map-legend span{white-space:nowrap}.map-legend i{margin-left:0}.map-legend .major{background:#126075;height:4px}.map-legend .river{background:#318b9a;height:3px}.map-legend .stream{background:#78b4bb;height:2px}
#collapse{display:block;margin-bottom:10px;font-size:13px;min-height:44px}#close{width:44px;min-height:44px}#cardBody{max-height:45dvh;overflow:auto}#sectionFacts p{font-size:14px;margin:9px 0}#sectionFacts strong{font-weight:650}.place-marker{display:grid;place-items:center;border:2px solid #80531b;background:#fffef8;color:#65400e;border-radius:50%;font:bold 17px system-ui;box-shadow:0 2px 8px #0003}.leaflet-control-scale{margin-bottom:24px!important}.leaflet-control-scale-line{background:#fffef8ed;font-size:12px}.leaflet-popup-content{font-size:15px}aside[hidden],#cardBody[hidden]{display:none!important}@media(max-width:600px){header .brand{width:auto;flex:1}header{flex-wrap:nowrap}.brand small{display:none}header button{flex:0;font-size:12px;padding:6px}aside{left:10px;right:10px;bottom:140px;max-height:55dvh;padding:12px 15px}#collapse{margin:0 45px 3px 0;min-height:44px}#cardBody{max-height:30dvh}footer{max-height:110px}footer #status{display:none}footer small{font-size:12px}footer .map-legend{font-size:12px;gap:3px 10px}.leaflet-control-scale{margin-bottom:120px!important}.leaflet-control-zoom{margin-top:85px!important}}
@media(max-width:600px){header button{flex:0 0 auto;white-space:nowrap;font-size:12px}.brand{font-size:17px;min-width:0}.brand span{font-size:22px}.leaflet-control-scale{position:fixed;top:155px;right:10px;margin:0!important}#cardBody{max-height:28dvh}}
@media(max-width:360px){header .brand{font-size:14px}header .brand span{display:none}header button{font-size:11px;padding:4px}header{gap:4px}aside{bottom:150px}#cardBody{max-height:24dvh}}
#drawTools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#drawTools p,#drawTools label{width:100%;font-size:14px;margin:4px 0}#drawTools label{display:flex;align-items:flex-start;gap:8px}#drawTools input{width:22px;height:22px;flex-shrink:0}#drawTools button:disabled{opacity:.45;cursor:default}
#drawTools .detail-field{display:flex;flex-direction:column;gap:4px}#drawTools select,#drawTools .detail-item input{width:100%;min-height:44px;font:16px system-ui;border:1px solid #b8c8bb;border-radius:8px;background:#fffef8;color:#17392f;padding:7px}#drawTools .detail-item{width:100%;padding:12px 0;border-top:1px solid #ccd8cd;display:flex;flex-wrap:wrap;gap:6px}#drawTools .detail-item strong{width:100%;font-size:14px}
#unsavedDialog{border:1px solid #b8c8bb;border-radius:14px;padding:22px;max-width:min(420px,90vw);color:#17392f;background:#fffef8}#unsavedDialog::backdrop{background:#102e2866}#unsavedDialog h2{font-size:21px}#unsavedDialog button{margin:5px 0;width:100%}#drawTools>a{display:block;font-size:15px;padding:12px 0}
#accountDialog{border:1px solid #b8c8bb;border-radius:14px;background:#fffef8;color:#17392f;max-width:min(460px,94vw);max-height:85dvh;padding:20px}#accountDialog::backdrop{background:#102e2866}#accountContent{display:grid;gap:10px}#accountContent label{display:grid;gap:5px}#accountContent input{font:16px system-ui;min-height:44px;padding:8px;max-width:100%;min-width:0}#accountContent p{margin:5px 0;font-size:14px}@media(max-width:600px){header{flex-wrap:wrap}header .brand{flex:1}#accountButton{margin-left:auto}header #home,header #mine{flex:1 1 35%}.leaflet-control-zoom{margin-top:135px!important}.leaflet-control-scale{top:205px}}
#restrictionButton{font-size:12px;min-height:44px;margin-top:5px;color:#892640;border-color:#d9b5bf}.map-legend .closed{background:#b12d48;height:4px}.map-legend .conditional{height:4px;background:repeating-linear-gradient(90deg,#875414 0 5px,transparent 5px 8px)}#restrictionDialog{border:1px solid #b8c8bb;border-radius:14px;background:#fffef8;color:#17392f;width:min(540px,94vw);max-height:85dvh;padding:20px}#restrictionDialog::backdrop{background:#102e2866}#restrictionContent{display:grid;gap:9px}#restrictionContent p{margin:4px 0}#restrictionContent a,.leaflet-popup-content a{display:block;color:#126541;margin:5px 0}#restrictionContent small{color:#5c6d62}#restrictionContent button{text-align:left}#restrictionContent h3{margin-bottom:0}@media(max-width:600px){footer{max-height:125px;padding-top:7px;padding-bottom:7px}aside{bottom:150px}}
@media(max-width:600px){header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}header .brand{white-space:nowrap;margin:0;width:auto}#accountButton{justify-self:end;margin:0}header #home,header #mine{width:100%;min-width:0}#restrictionDialog{margin:auto}#restrictionContent{font-size:14px}}
.map-legend .dam{width:11px;height:11px;border:2px solid #593f25;border-radius:50%;background:#f8e6c4}

.map-legend i.wading{border-top:2px dotted #725292;background:none}

.map-legend i.movement{border-top:2px dashed #70613d;background:none}
#restrictionContent details{margin:10px 0;border:1px solid #d7ddd7;border-radius:8px;padding:0 12px}
#restrictionContent summary{cursor:pointer;padding:12px 0;min-height:44px;box-sizing:border-box;line-height:1.45}
#restrictionContent summary:focus-visible{outline:2px solid #245c4c;outline-offset:3px;border-radius:3px}
#restrictionContent details[open]{padding-bottom:12px}

.restriction-data-limit{box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:#fff9e9;border:2px solid #78541c;border-radius:6px;color:#49330e;font:600 12px/18px system-ui,sans-serif;white-space:nowrap;box-shadow:0 1px 5px #0003}
.restriction-data-limit span{display:inline-grid;place-items:center;flex:none;width:16px;height:18px;background:#78541c;color:#fff;border-radius:3px}
.restriction-data-limit:focus-visible{outline:3px solid #174c87;outline-offset:3px}
#restrictionDialog[open]{display:flex;flex-direction:column;overflow:hidden}#restrictionDialog>button,#restrictionDialog>h2{flex-shrink:0}#closeRestrictions{align-self:flex-start}#restrictionContent{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}
.restriction-review-status{font-weight:700;color:#685127;border-left:3px solid #967943;padding-left:8px}
@media(max-width:600px){.leaflet-container a.leaflet-popup-close-button{width:44px;height:44px;font-size:24px;line-height:44px;color:#17392f}.leaflet-popup-content{margin-top:44px}}

.map-legend .dam-reach{width:26px;height:4px;background:repeating-linear-gradient(90deg,#a46b24 0 10px,transparent 10px 14px,#a46b24 14px 16px,transparent 16px 20px)}
.visits{border-top:1px solid #ccd7d0;margin-top:18px;padding-top:10px}.visits label{display:grid;gap:5px;margin:12px 0}.visits input,.visits select{box-sizing:border-box;width:100%;min-height:44px;padding:8px;font:inherit}.visits article{border-top:1px solid #ddd;padding:12px 0}.visits .visit-live{border-left:4px solid #7d3b98;padding:8px;background:#f2eaf7}.visits button{min-height:44px}
#drawTools .visits{width:100%;min-width:0}#drawTools .visits label{display:grid;margin:12px 0}#drawTools .visits input,#drawTools .visits select{width:100%;height:auto;min-width:0;min-height:44px;font:16px system-ui;border:1px solid #b8c8bb;border-radius:8px}#drawTools .visits button{margin:4px 3px 4px 0}
.visit-active-marker{background:#7d3b98;color:white;border:2px solid white;border-radius:15px;text-align:center;line-height:26px;font:600 12px/26px system-ui;box-shadow:0 1px 4px #0005}.visit-active-marker:focus{outline:3px solid #17392f}
@media(min-width:601px){#card{display:flex;flex-direction:column;max-height:calc(100dvh - 280px)}#cardBody{min-height:0;max-height:none;overflow-y:auto}#card>button,#card>h1,#card>.eyebrow{flex-shrink:0}}