*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1f2b24;background:#f3f6f2;min-height:100%;font-family:Arial,sans-serif;line-height:1.5}a{color:#245a3c}.siteNav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#ffffffeb;border-bottom:1px solid #d9e3db;gap:.5rem;padding:.65rem 1rem;display:flex;position:fixed;top:0;left:0;right:0}.navLink{border-radius:999px;padding:.4rem .75rem;font-weight:600;text-decoration:none}.navLink:hover{background:#edf4ef}.navLink.subtle{color:#3f5f4c;font-weight:500}.background{background-image:url(https://images.unsplash.com/photo-1626639900785-841f31383ae8);background-position:50%;background-size:cover;min-height:100vh;padding:5.5rem 1rem 2rem;position:relative}.overlay{background-color:#00000094;position:absolute;inset:0}.content{z-index:1;color:#fff;text-align:center;max-width:860px;margin:0 auto;position:relative}.siteName{color:#61b27f;margin-bottom:1rem;font-size:clamp(3rem,10vw,7.5rem)}.lead{font-size:1.2rem;font-weight:700}.landingIntro p{max-width:760px;margin:0 auto .9rem}.tagline{color:#f0d78f;font-style:italic}.primaryLink{color:#1f5b38;background:#e4f1e7;border-radius:999px;margin-top:.8rem;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.conceptCard{text-align:left;background:#14281cad;border:1px solid #f0fff63d;border-radius:14px;max-width:760px;margin:1.2rem auto 0;padding:1rem}.conceptCard h2{color:#d9f7e6;margin-bottom:.7rem;font-size:1.2rem}.conceptCard ul{gap:.45rem;padding-left:1rem;display:grid}.routesPage{max-width:1080px;margin:0 auto;padding:5rem 1rem 2rem}.pageIntro{margin-bottom:1.2rem}.pageIntro h1{margin-bottom:.5rem;font-size:2rem}.pageIntro p,.routeDetail p{max-width:760px}.routeGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.routeCard,.routeDetail,.segmentList li{background:#fff;border:1px solid #d9e3db;border-radius:12px;padding:1rem}.routeCard{flex-direction:column;gap:.6rem;display:flex}.mapPage .routeCard h2{font-size:1.2rem}.routeCardHeader{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.routeLocation{color:#2d4338;font-weight:600}.routeMeta{color:#4e665a}.routeCharacter{color:#2f473b}.cardScoreRow{gap:.25rem;display:grid}.cardLink{align-self:flex-start}.badge{background:#edf4ef;border-radius:999px;margin:.3rem .3rem .3rem 0;padding:.35rem .6rem;font-size:.85rem;display:inline-block}.strongly_recommended{background:#ffe1dc}.recommended{background:#fff0d8}.optional{background:#eef8df}.not_needed{background:#e7f6ee}.unvalidated{background:#f6e7e7}.detailHeader{margin-bottom:1rem}.detailSection{border-top:1px solid #e2ebe4;margin-top:1rem;padding-top:1rem}.helperText{color:#5f7669;font-size:.92rem}.toggle{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.toggle button{cursor:pointer;text-transform:capitalize;background:#fff;border:1px solid #b9cabd;border-radius:8px;padding:.45rem .75rem}.toggle .active{background:#d8ebdd;border-color:#5c8b69;font-weight:700}.scoreGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-bottom:.7rem;display:grid}.scoreBadge{background:#eef4ef;border-radius:10px;flex-direction:column;gap:.3rem;padding:.8rem;display:flex}.groundRow{grid-template-columns:160px 1fr 50px;align-items:center;gap:.7rem;margin-bottom:.5rem;display:grid}.groundTrack{background:#edf1ee;border-radius:999px;height:12px;overflow:hidden}.groundFill{background:linear-gradient(90deg,#78b58b,#5c8f6d);height:100%}.highlights{gap:.5rem;display:grid}.segmentList{gap:.75rem;margin-top:.5rem;list-style:none;display:grid}.segmentTags{color:#4c6456;font-size:.95rem}.staticRouteMap{background:#f6faf6;border:1px solid #d3dfd6;border-radius:12px;margin:.35rem 0 0;overflow:hidden}.staticRouteMap svg{aspect-ratio:16/9;width:100%;height:auto;display:block}.staticRouteMap figcaption{color:#4a6052;background:#f7fbf8;border-top:1px solid #e0ebe3;padding:.45rem .6rem;font-size:.86rem}.staticRouteMap.compact figcaption{display:none}.mapRiver{fill:none;stroke:#d5e9f1;stroke-width:2.2px}.mapSegment{stroke-width:4.3px;stroke-linecap:round}.mapPoint{fill:#f8fff8;stroke:#2f4f3a;stroke-width:.6px}.mapLabel{fill:#335843;font-size:4.3px;font-weight:700}.mapPreviewGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}@media (max-width:600px){.siteNav{gap:.2rem;padding-inline:.6rem}.navLink{padding:.35rem .55rem;font-size:.92rem}.groundRow{grid-template-columns:1fr;gap:.35rem}.routeCardHeader{flex-direction:column}}