:root{color-scheme:light;font-family:Arial,sans-serif;color:#243e3e;background:#fffaf0}*{box-sizing:border-box}body{margin:0;padding:0 32px}header{height:168px;display:flex;align-items:center;gap:24px;position:relative}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:700}h1{font-family:Georgia,serif;font-size:68px;line-height:1;letter-spacing:-3px;margin:5px 0 8px;font-weight:normal}h1 span{color:#c54a2c}p{margin:0;font-size:16px}.art{height:154px;width:230px;margin-left:20px;overflow:hidden}.art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.download{margin-left:auto;font-size:14px;color:inherit;text-decoration:none;border-bottom:1px solid #243e3e;padding:9px 0}.download span{margin-left:16px}main{height:calc(100dvh - 213px);min-height:400px;position:relative;border:1px solid #bdc2b6;border-radius:8px;overflow:hidden;background:#e7e8db}#map{height:100%;width:100%;background:#e7e8db}.map-tools{position:absolute;z-index:800;top:18px;left:18px;display:flex;gap:6px}button{font:inherit;font-size:14px;cursor:pointer;color:#243e3e;background:#fffaf0;border:1px solid #b9bdad;border-radius:5px;min-height:42px;padding:8px 13px}button:hover{background:#f0e6ce}button:focus-visible,a:focus-visible{outline:3px solid #c54a2c;outline-offset:3px}.trail-card{position:absolute;z-index:800;left:18px;bottom:24px;display:flex;align-items:center;gap:12px;border-radius:6px;background:#fffaf0;padding:8px 10px 8px 16px;box-shadow:0 3px 18px #243e3e20;font-size:14px}.route-swatch{width:26px;height:3px;background:#c54a2c}#play{border:0;border-left:1px solid #d6d7c9;border-radius:0;font-size:22px;min-width:40px}footer{min-height:45px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#526260}footer a{color:inherit;text-decoration:none}#status{position:absolute;top:75px;left:18px;z-index:850;padding:9px 12px;background:#fffaf0;border-radius:5px;font-size:14px}#status:empty{display:none}.endpoint{background:#243e3e;color:white;border:3px solid #fffaf0;border-radius:50%;width:24px;height:24px;text-align:center;font-size:12px;line-height:18px;box-shadow:0 1px 5px #0005}.photo-icon{background:#fffaf0;border:2px solid #c54a2c;border-radius:50%;text-align:center;line-height:29px;font-size:19px}.photo-popup img{display:block;max-width:260px;width:100%;border-radius:4px}.photo-popup p{font-size:14px;margin:8px 0 0}.leaflet-popup-content{margin:12px}.leaflet-control-zoom{border:0!important;box-shadow:0 2px 10px #0002!important}.leaflet-control-zoom a{background:#fffaf0;color:#243e3e}.leaflet-control-attribution{font-size:11px!important}.leaflet-tooltip{font-family:Arial,sans-serif}.walker{background:#c54a2c;border:3px solid #fffaf0;border-radius:50%;box-shadow:0 0 0 5px #c54a2c30}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:600px){body{padding:0 12px}header{height:145px;gap:8px}h1{font-size:49px;letter-spacing:-2px}.eyebrow{font-size:12px;letter-spacing:1.5px}p{font-size:14px}.art{width:135px;height:110px;margin-left:auto;margin-right:0}.download{position:absolute;right:2px;bottom:10px;font-size:12px;padding:4px 0}.download span{margin-left:6px}main{height:calc(100dvh - 195px);min-height:390px}footer{min-height:50px;font-size:12px}footer>span{display:none}.map-tools{left:12px;top:12px}.trail-card{left:12px;bottom:27px;gap:8px}footer a{margin-left:auto}}

:root{background:#b4dddd}header .heading{color:#153f45}.art img{mix-blend-mode:multiply}footer{color:#234d51}

.photo-credit{display:block;font-size:12px;margin-top:8px;color:#376261}.photo-popup .photo-note{font-size:12px;color:#5b6664}.photo-popup img{min-height:140px;object-fit:cover}

.photo-icon{background:#c54a2c;border:2px solid #fffaf0;border-radius:50%;box-shadow:0 1px 4px #0005;line-height:normal}.photo-full{display:block;cursor:zoom-in}.photo-full:focus-visible{outline:3px solid #c54a2c;outline-offset:3px}

footer .download{position:static;margin-left:auto;font-size:14px;padding:8px 0} @media(max-width:600px){header .heading{flex:1;min-width:0}header .art{flex:0 0 48%;width:48%;height:135px;margin:0}header .heading p{max-width:180px}footer .download{position:static;font-size:14px;padding:8px 0}}