html, body, #map { height: 100%; margin: 0; padding: 0; }
body { font-family: Georgia, "Times New Roman", serif; background:#f6f3ec; color:#1e1b18; overflow:hidden; }
#map { position:absolute; inset:0; background:#efe8dc; }
.panel { position:absolute; z-index:1000; background:rgba(255,255,255,.96); box-shadow:0 2px 18px rgba(0,0,0,.24); border:1px solid rgba(70,55,36,.18); }
#sidebar { top:12px; left:12px; width:365px; max-height:calc(100vh - 24px); overflow:auto; border-radius:10px; transition:transform .18s ease; }
#sidebar.collapsed { transform:translateX(-392px); }
#togglePanel { position:absolute; z-index:1001; left:390px; top:16px; border:0; border-radius:0 7px 7px 0; padding:9px 11px; background:#31465c; color:white; cursor:pointer; font-family:inherit; }
#sidebar.collapsed + #togglePanel { left:8px; }
.inner { padding:14px 15px 16px; }
h1 { font-size:1.15rem; line-height:1.2; margin:.1rem 0 .35rem; }
.subtitle { font-size:.84rem; color:#514b43; margin:0 0 .7rem; line-height:1.35; }
.control { margin:0 0 .85rem; padding:.72rem .78rem; background:#fbfaf7; border:1px solid #e3dccf; border-radius:8px; }
.control h2 { font-size:.88rem; margin:0 0 .45rem; text-transform:uppercase; letter-spacing:.035em; color:#4e3b29; }
.row { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
label { font-size:.88rem; display:block; margin:.2rem 0; }
input[type=range] { width:100%; }
button, select, input[type=text] { font-family:inherit; }
button { background:#31465c; color:#fff; border:0; border-radius:6px; padding:.48rem .65rem; cursor:pointer; }
button.secondary { background:#6f6a61; }
button.small { padding:.32rem .5rem; font-size:.78rem; }
input[type=text] { box-sizing:border-box; width:100%; padding:.5rem; border:1px solid #c9c1b6; border-radius:6px; }
.checkgrid { display:grid; grid-template-columns:1fr 1fr; gap:.1rem .5rem; }
#yearReadout { font-weight:bold; color:#1d4266; font-size:1.05rem; }
#stats { position:absolute; right:12px; top:12px; width:265px; padding:10px 12px; border-radius:8px; font-size:.86rem; line-height:1.4; }
#legend { position:absolute; right:12px; top:170px; width:190px; padding:10px 12px; border-radius:8px; font-size:.82rem; }
.legend-row { display:flex; align-items:center; margin:.25rem 0; }
.swatch { width:21px; height:14px; border:1px solid rgba(0,0,0,.25); margin-right:7px; }
#searchResults { max-height:155px; overflow:auto; font-size:.82rem; margin-top:.35rem; }
.result { padding:.28rem .3rem; border-bottom:1px solid #ebe4d8; cursor:pointer; }
.result:hover { background:#f0eadf; }
.note { font-size:.78rem; color:#665f55; line-height:1.35; }
.warn { color:#7b3400; font-weight:bold; }
.leaflet-control-zoom { margin-left:50vw!important; transform:translateX(-50%); margin-bottom:18px!important; }
.point-marker { border:1px solid rgba(40,40,40,.45); border-radius:50%; background:#7b4f27; opacity:.74; }
@media (max-width:900px){ #sidebar{width:calc(100vw - 24px); max-height:50vh;} #togglePanel{left:auto;right:12px;} #stats,#legend{display:none;} #sidebar.collapsed{transform:translateY(calc(-50vh - 30px));} }