:root{--ink:#0b1618;--deep:#102428;--paper:#f5f0e6;--gold:#d4a843;--bright:#f3cc68;--mist:#bdd1ce;--line:rgba(245,240,230,.17)}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--paper);font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif}.topbar{height:72px;padding:0 clamp(22px,4vw,60px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#0b1618}.brand{color:var(--paper);font-family:Iowan Old Style,Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:-.08em;text-decoration:none}.brand span{color:var(--gold)}.topbar-label{color:var(--bright);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.back-link{margin-left:auto;color:var(--mist);font-size:.75rem;font-weight:700;text-decoration:none}.monitoring-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(280px,360px) 1fr}.site-panel{padding:48px clamp(28px,3vw,46px);background:var(--deep);border-right:1px solid var(--line);position:relative;z-index:2}.eyebrow{color:var(--bright);font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.site-panel h1{font-family:Iowan Old Style,Georgia,serif;font-size:clamp(2.8rem,4vw,4.6rem);font-weight:400;letter-spacing:-.07em;line-height:.9;margin:20px 0}.intro{color:var(--mist);font-size:.93rem;line-height:1.7;margin:0 0 34px}.site-facts{margin:0;border-top:1px solid var(--line)}.site-facts div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}dt{color:var(--mist);font-size:.72rem}dd{margin:0;color:var(--paper);font-size:.72rem;font-weight:800}.layers{margin:36px 0}.layers h2{font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;margin:0 0 15px;color:var(--bright)}.layers label{display:flex;align-items:center;gap:9px;padding:9px 0;color:var(--mist);font-size:.78rem;cursor:pointer}.layers input{accent-color:var(--gold)}.layers i,.map-legend i{display:inline-block;flex:0 0 auto}.boundary-key{width:15px;height:9px;border:2px solid var(--bright)}.hotspot-key{width:9px;height:9px;background:#cb6c4b;border-radius:50%}.hectare-key{width:11px;height:11px;background:var(--gold);border:2px solid var(--paper);border-radius:50%}.record-note{position:absolute;right:0;bottom:0;left:0;padding:22px clamp(28px,3vw,46px);background:#173438}.record-note b{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bright)}.record-note p{margin:9px 0 0;color:var(--mist);font-size:.72rem;line-height:1.6}.map-stage{min-height:650px;position:relative;background:#293b36}#monitoring-map{position:absolute;inset:0}.map-title,.reset-map,.map-legend{position:absolute;z-index:500}.map-title{top:25px;left:25px;padding:10px 12px;background:rgba(11,22,24,.86);font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.map-title span{color:var(--bright);padding:0 4px}.reset-map{right:22px;top:22px;border:1px solid rgba(245,240,230,.35);background:rgba(11,22,24,.86);color:var(--paper);font:800 .7rem "Avenir Next",Avenir,sans-serif;padding:10px 13px;cursor:pointer}.map-legend{left:22px;bottom:22px;display:flex;gap:16px;padding:11px 13px;background:rgba(11,22,24,.86);color:var(--paper);font-size:.64rem}.map-legend span{display:flex;align-items:center;gap:7px}.leaflet-control-attribution{font-size:9px!important}@media(max-width:800px){.topbar-label{display:none}.monitoring-shell{grid-template-columns:1fr}.site-panel{padding:34px 24px 28px;border-right:0}.site-panel h1{font-size:3.5rem}.record-note{position:static;margin:26px -24px -28px;padding:20px 24px}.map-stage{min-height:540px}.map-legend{right:16px;left:16px;bottom:16px;justify-content:space-between;gap:7px;font-size:.55rem}.map-title{top:16px;left:16px}.reset-map{top:16px;right:16px}}
.brand{display:flex;align-items:center;position:relative;padding:8px 23px 8px 12px;background:linear-gradient(135deg,#e5d3b1,#d5c19e);border-left:2px solid var(--gold);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%);box-shadow:0 6px 16px rgba(0,0,0,.18);text-decoration:none}.brand:before{content:"";position:absolute;right:7px;top:50%;width:4px;height:4px;transform:translateY(-50%);border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(212,168,67,.18)}.brand img{display:block;width:112px;height:auto}.site-panel h1{letter-spacing:0}.hectare-jump{margin:28px 0 32px}.hectare-jump label{display:block;margin:0 0 9px;color:var(--bright);font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hectare-jump div{display:flex;gap:8px}.hectare-jump input{width:80px;padding:10px;border:1px solid rgba(245,240,230,.35);border-radius:0;background:#0b1618;color:var(--paper);font:700 .9rem "Avenir Next",Avenir,sans-serif}.hectare-jump button{padding:10px 14px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);font:800 .7rem "Avenir Next",Avenir,sans-serif;cursor:pointer}.hectare-jump button:hover{background:var(--bright)}.hectare-jump .reset-map{position:static;z-index:auto;border-color:rgba(245,240,230,.42);background:transparent;color:var(--paper)}.hectare-jump .reset-map:hover{border-color:var(--bright);background:rgba(245,240,230,.08);color:var(--paper)}@media(max-width:800px){.brand{padding:7px 21px 7px 10px}.brand img{width:101px}}