*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}@media(orientation:landscape)and (min-width:768px){body:after{content:"";position:fixed;top:0;right:0;bottom:0;width:25vw;background:linear-gradient(90deg,#0a0a0ab3,#c8c8c84d);z-index:0;pointer-events:none}}.site-header{position:fixed;top:0;left:200px;right:0;height:60px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 2rem;z-index:10;color:#f5f5f5}.site-nav{position:fixed;top:60px;left:200px;right:0;background:#1a1a1a;border-bottom:1px solid #333;padding:.5rem 2rem;z-index:10}.site-footer{position:fixed;bottom:0;left:200px;right:0;height:40px;background:#1a1a1a;border-top:1px solid #333;display:flex;align-items:center;padding:0 2rem;font-size:.9rem;color:#f5f5f5;z-index:10}.background-wallpaper{position:fixed;top:0;left:0;bottom:0;width:200px;background:url(/assets/images/highlands-portrait.png) center/cover no-repeat;z-index:1}.main-content{margin-left:200px;margin-top:100px;margin-bottom:60px;padding:2rem;background:#fff;min-height:calc(100vh - 160px)}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}nav a{text-decoration:none;color:#66b3ff}nav a:hover{text-decoration:underline}article img{height:auto;display:block;margin:1rem 0}@media(min-width:768px){article img{width:100%;max-width:100%;margin-left:auto;margin-right:auto}}@media(max-width:767px){article img{width:100%;max-width:100%}}@media(max-width:767px){.background-wallpaper{display:none}.site-header,.site-nav,.site-footer{left:0}.main-content{margin-left:0;padding:1rem;min-height:auto}}@media(max-width:767px){.hero-image{height:180px}.hero-text{font-size:1.125rem}}@media(max-width:767px){.article-card{padding:1rem}.article-card h3{font-size:1.25rem}}@media(max-width:767px){#trip-map{height:250px!important}.hero-section{margin-bottom:2rem}}@media(max-width:479px){.article-nav{flex-direction:column;gap:.75rem}.article-nav a{max-width:100%}}@media(max-width:767px){.site-nav a{padding:.5rem 0;display:inline-block}}@media(max-width:767px){article{font-size:1.125rem;margin-bottom:1.5rem}article p{line-height:1.7}.main-content h1:first-child{font-size:1.75rem}}@media(max-width:767px)and (orientation:landscape){#trip-map{height:280px!important}.main-content{padding:.75rem 1rem}.hero-image{height:150px}}article{overflow-wrap:break-word}.leaflet-popup-content a{color:#06c;text-decoration:none;font-size:.9rem}.leaflet-popup-content a:hover{text-decoration:underline}@media(orientation:landscape)and (min-width:768px){.background-wallpaper{width:25vw;opacity:1}.site-header,.site-nav,.site-footer{width:calc(50vw - 14px);left:25vw}.main-content{width:50vw;margin:100px auto 60px;padding:2rem;overflow:hidden;box-sizing:border-box}article img,article p img{max-width:100%;width:100%;box-sizing:border-box}}.hero-section{margin-bottom:3rem}.hero-image{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000001a}.hero-text{font-size:1.2rem;color:#444;line-height:1.8}.article-list{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem}.article-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;display:block;text-decoration:none;color:inherit}.article-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px);border-color:#ccc}.article-card h3{margin:0 0 .5rem;color:#06c;font-size:1.4rem}.article-card .article-date{color:#666;font-size:.9rem;margin:0}.map-section{margin:2rem 0}.map-section h2{margin-bottom:1rem}.map-container{position:relative;border-radius:8px;overflow:hidden;background:#e5e5e5}.map-container iframe{display:block}.map-fallback{padding:1rem;text-align:center;background:#f5f5f5}.map-fallback a{color:#06c}.map-description{margin-top:1rem;font-size:.95rem;color:#555}.route-summary{margin-top:1rem;background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem}.route-summary ul{margin:.5rem 0 0 1.5rem}.route-summary li{margin:.25rem 0}.map-link{font-size:1.1rem}.map-link a{color:#06c}.kml-download{font-size:1rem}.kml-download a{color:#06c}
