.gpx-page{background:#faf8f1;color:#183d2f}.gpx-page [hidden]{display:none!important}.gpx-page main{max-width:1120px;margin:auto;padding:44px 24px 72px}.gpx-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #d5dfd4}.gpx-header nav{display:flex;flex-wrap:wrap;gap:18px}.gpx-brand{font-size:1.2rem;font-weight:800;text-decoration:none}.gpx-hero{max-width:820px;padding:16px 0 30px}.gpx-hero h1{font-size:clamp(2.4rem,6vw,4.3rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0 20px}.gpx-hero .lead{font-size:1.2rem;line-height:1.65}.gpx-page p,.gpx-page li{line-height:1.75}.gpx-page a{text-underline-offset:3px}.gpx-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800}.gpx-panel{padding:clamp(20px,4vw,36px);background:#fff;border:1px solid #d5dfd4;border-radius:24px;margin-bottom:24px}.gpx-pick{display:grid;gap:12px}.gpx-pick label{font-weight:800;font-size:1.1rem}.gpx-pick input{width:100%;max-width:100%;font:inherit;border:1px solid #b6cbbd;border-radius:12px;padding:12px;background:#fafcf9}.gpx-page button,.gpx-page .gpx-cta{border:1px solid #183d2f;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;background:#183d2f;color:white;min-height:46px;text-decoration:none;display:inline-block;line-height:1.5}.gpx-page button.secondary{background:white;color:#183d2f}.gpx-page button:disabled{opacity:.65;cursor:default}.gpx-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.gpx-note{font-size:.92rem;color:#4b6256}.gpx-error{border-left:4px solid #a74721;background:#fff0e8;padding:16px;color:#843213}.gpx-page h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin-bottom:14px}.gpx-page h3{font-size:1.2rem;margin-bottom:10px}.gpx-page :focus-visible{outline:3px solid #b85126;outline-offset:4px}.gpx-page select{font:inherit;padding:12px;border-radius:10px;width:100%;margin:8px 0 20px;border:1px solid #b6cbbd}.gpx-stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:24px 0}.gpx-stats div{padding:16px;background:#f1f5ee;border-radius:12px}.gpx-stats dt{font-size:.85rem}.gpx-stats dd{font-size:1.3rem;font-weight:800;margin:8px 0 0;overflow-wrap:anywhere}#gpx-name{overflow-wrap:anywhere}#gpx-map{height:400px;border-radius:16px;background:#edf1e9;border:1px solid #d5dfd4;z-index:0}.gpx-map-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:.9rem;margin:12px 0}.gpx-start,.gpx-end{display:inline-block;width:12px;height:12px;border:2px solid #176449;border-radius:50%;margin-right:6px}.gpx-end{background:#a74721;border-color:#a74721}.gpx-page .gpx-next{background:#eef4e9;padding:24px;border-radius:16px;margin-top:24px}.gpx-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gpx-page ol{padding-left:24px}.gpx-page details{padding:18px 0;border-bottom:1px solid #d5dfd4}.gpx-page summary{font-weight:700;cursor:pointer;line-height:1.5}.gpx-footer{padding:24px;border-top:1px solid #d5dfd4;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gpx-cluster{padding:24px;border:1px solid #d5dfd4;border-radius:20px;margin:32px auto;max-width:1120px}.gpx-cluster ul{padding-left:24px}.gpx-cluster li{margin:8px 0}@media(max-width:600px){.gpx-header{align-items:flex-start;flex-direction:column}.gpx-header nav{font-size:.92rem}.gpx-page main{padding:24px 16px 48px}.gpx-stats{grid-template-columns:1fr 1fr;gap:10px}.gpx-stats div:first-child{grid-column:1/-1}.gpx-grid{grid-template-columns:1fr}#gpx-map{height:320px}.gpx-panel{padding:18px}.gpx-page .gpx-next{padding:18px}.gpx-actions button{flex:1 1 auto}}