*{box-sizing:border-box}body{margin:0;background:#f2efdf;color:#173c32;font:14px system-ui,sans-serif}header{height:86px;background:#10382f;color:#f2eedb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #bfa36c}.brand{display:flex;gap:14px;align-items:center;font-size:28px;color:#d6ba7c}.brand div{font-size:15px;letter-spacing:3px;color:#f3eedc;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#bdc9b5;margin-top:6px}.top{display:flex;align-items:center;gap:25px;font-size:11px}.top a{color:#f3dfaa;text-decoration:none;border:1px solid #bfa36c88;padding:12px 16px;border-radius:6px}main{display:flex;height:calc(100dvh - 86px)}aside{width:410px;flex-shrink:0;padding:32px;overflow:auto;border-right:1px solid #ddd7be}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8d7647}h1{font:38px/1.13 Georgia,serif;font-weight:400;margin:16px 0}h1 em{color:#7d714d}.lead{font-size:12px;line-height:1.8;color:#627567;margin-bottom:25px}#places{display:flex;flex-direction:column;gap:8px}button{cursor:pointer;font:inherit}#places button{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid #ccc7ae;border-radius:7px;padding:14px;text-align:left;color:#244638}#places button b{font-size:10px;border:1px solid #b4a479;padding:8px;border-radius:50%;font-weight:400}#places button span{font-size:13px}#places button small{display:block;font-size:9px;color:#768374;margin-top:5px}#places button.active{background:#173f33;color:#f6efda;border-color:#173f33}#places button.active small{color:#c9d3bc}article{padding-top:30px}h2{font:29px Georgia,serif;margin:10px 0}article p{font-size:12px;line-height:1.9;color:#516756}.coords{font-size:11px;padding:12px 0;color:#6a795e;letter-spacing:1px;border-block:1px solid #d3cdb7}.links{display:flex;gap:8px;margin:14px 0}.links a{font-size:10px;background:#e3e4d2;color:#1e4937;padding:12px;text-decoration:none;border-radius:5px;flex:1;text-align:center}#gallery img{width:100%;height:220px;object-fit:cover;border-radius:7px;cursor:zoom-in}#gallery button{border:1px solid #ccc5a9;background:transparent;padding:8px 12px;border-radius:5px;color:#476047;font-size:10px;margin:8px 5px 0 0}article .note{font-size:10px;color:#78816e}.source{font-size:10px;color:#75623e}footer{font-size:9px;color:#8d9580;line-height:1.9;padding-top:28px}.mapArea{flex:1;position:relative;min-width:0;background:#d7dfca}#geoMap{position:absolute;inset:0;z-index:1}.mapTop,.mapBottom{position:absolute;left:22px;right:22px;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:15px}.mapTop{top:20px;pointer-events:none}.mapTop span{font-size:9px;letter-spacing:2px;background:#f4f0e4ed;padding:13px 17px;border-radius:6px}.mapTop button{pointer-events:auto;background:#173f33;color:#faf0d7;border:1px solid #bca275;padding:12px 14px;border-radius:6px;font-size:10px}.mapBottom{bottom:30px;background:#f5f1e5ee;border:1px solid #c4cbb0;padding:14px 18px;border-radius:7px;pointer-events:none;font-size:10px}.mapBottom b{color:#826e43}.mapBottom span{color:#6b7d66;font-size:9px}.marker{background:#153c30;color:#f7df9d;border:2px solid #d5bb7b;border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:34px;height:34px;box-shadow:0 5px 15px #173c3266}.marker span{display:block;transform:rotate(45deg);text-align:center;line-height:30px;font-size:11px}.leaflet-tooltip{background:#f6f0df;border:1px solid #bda365;color:#173d31;font:11px system-ui;padding:7px 10px}.leaflet-control-zoom{margin-top:85px!important}.leaflet-control-attribution{font-size:9px}.mapNotice{position:absolute;top:85px;left:65px;right:20px;z-index:600;background:#fff7dbef;padding:15px;border-radius:7px;font-size:11px;max-width:420px;line-height:1.7}.mapNotice button{padding:5px;margin-left:10px}a:focus-visible,button:focus-visible{outline:2px solid #a17e26;outline-offset:3px}@media(max-width:800px){header{height:72px;padding:0 16px}.brand div{font-size:12px;letter-spacing:2px}.top span{display:none}.top a{font-size:9px;padding:10px}main{height:auto;display:flex;flex-direction:column-reverse}.mapArea{height:52dvh;flex:none;width:100%}aside{width:100%;padding:24px;overflow:visible}h1{font-size:32px}.mapBottom span{display:none}.mapTop,.mapBottom{left:12px;right:12px}.mapTop span{font-size:8px;padding:10px}.mapTop button{font-size:9px;padding:10px}#places{flex-direction:row;gap:5px}#places button{flex:1;padding:10px 5px;gap:5px;justify-content:center}#places button b{display:none}#places button span{font-size:10px}#places button small{font-size:7px}#gallery img{height:300px}article{padding-top:25px}.lead{margin-bottom:20px}}[hidden]{display:none!important}
