/*
 * Blue alpine field-guide system
 *
 * The home page uses a CSS-built horizon rather than a stock hero photograph:
 * it scales on every screen, keeps the planning tools readable, and gives the
 * project a distinct visual signature without creating another photo-credit
 * or licensing surface.
 */
:root{
  --ink:#0d2b45;
  --muted:#58728a;
  --paper:#f5f9fc;
  --paper2:#e8f2f8;
  --card:#ffffff;
  --line:#cbdde8;
  --green:#126d92;
  --green2:#083f62;
  --green3:#2b94b7;
  --blue:#126d92;
  --shadow:0 16px 36px rgba(10,54,84,.10);
}
body{background:linear-gradient(180deg,#f7fbfd 0,#f3f8fb 34%,#f7f9fa 100%)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{
  outline:3px solid #f2b653;outline-offset:3px;border-radius:7px;
}
.topbar{background:linear-gradient(100deg,rgba(6,45,72,.98),rgba(12,79,113,.97));box-shadow:0 1px 0 rgba(202,236,246,.18)}
.nav a{color:#d9edf5}.nav a:hover,.nav a.active{background:rgba(214,244,250,.15);color:#fff}
.pagehero{background:radial-gradient(circle at 85% 4%,rgba(158,220,238,.78) 0,rgba(234,246,250,.88) 26%,#eef6fa 68%);border-bottom-color:#c9dce7}
.pagehero h1,.section h2{color:#113d5c}
.under{color:#0e6389;text-decoration-color:#7cb5cb;text-underline-offset:3px}
.under:hover{color:#083f62;text-decoration-color:currentColor}
.btn{background:linear-gradient(135deg,#16799d,#0b587f);box-shadow:0 5px 12px rgba(9,78,111,.16);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 17px rgba(9,78,111,.21)}
.btn.ghost{background:#e8f3f8;color:#0d587c}
.tag{background:#e4f2f8;color:#0d5b7c}
.card,.panel,.resultcard,.mapcard{border-color:#cfdee7;box-shadow:0 2px 0 rgba(11,65,94,.025)}
.click:hover{border-color:#8cbccd;box-shadow:0 14px 28px rgba(11,65,94,.12)}
.map,.mapcard{border-color:#bdd5e2}
.field select{border-color:#bdd3df;color:#153f5d}
.field label,.stat span{color:#40647c}
.stat{background:#edf6fa}
.stat b{color:#123e5c}

/* A warm sun above two blue mountain ranges gives the landing page depth
   while the content remains on a separate, high-contrast layer. */
.landing-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(circle at 79% 16%,rgba(255,235,177,.98) 0 3.5%,rgba(255,226,151,.78) 4.1%,rgba(255,226,151,.2) 8%,transparent 15%),
    radial-gradient(circle at 16% -14%,rgba(91,191,219,.72) 0,transparent 39%),
    linear-gradient(145deg,#062d4c 0%,#0b587c 44%,#167f9b 100%);
}
.landing-hero::before,.landing-hero::after{content:"";position:absolute;inset:auto -7% 0 -7%;pointer-events:none}
.landing-hero::before{
  z-index:0;height:58%;opacity:.62;
  background:linear-gradient(155deg,#4da2bd 0%,#20728f 49%,#0b4a71 100%);
  clip-path:polygon(0 84%,8% 56%,15% 72%,24% 31%,31% 72%,42% 43%,49% 77%,59% 26%,68% 67%,76% 39%,84% 72%,94% 35%,100% 67%,100% 100%,0 100%);
}
.landing-hero::after{
  z-index:0;height:41%;opacity:.88;
  background:linear-gradient(150deg,#0d5578 0%,#063b60 58%,#052e4b 100%);
  clip-path:polygon(0 81%,11% 45%,22% 78%,34% 31%,45% 76%,56% 42%,67% 75%,77% 28%,87% 68%,95% 46%,100% 63%,100% 100%,0 100%);
}
.landing-hero>.wrap{position:relative;z-index:1}
.landing-copy h1{max-width:670px;text-shadow:0 3px 18px rgba(2,26,44,.22)}
.landing-lede{color:#e4f4f8;text-shadow:0 1px 8px rgba(2,26,44,.14)}
.landing-note{color:#d0e8f1}
.landing-ask-panel{border-color:rgba(208,239,247,.38);background:rgba(3,35,58,.48);backdrop-filter:blur(5px)}
.landing-ask-head .eyebrow,.landing-copy .eyebrow,.landing-map-panel .eyebrow{color:#cdebf2}
.landing-map-panel{border-color:rgba(208,239,247,.4);background:rgba(2,30,50,.42);backdrop-filter:blur(5px);box-shadow:0 24px 56px rgba(2,26,44,.26)}
.landing-map-panel .home-map{border-color:rgba(217,245,250,.7)}
.landing-map-footer{color:#e8f7fb}.landing-map-footer:hover{color:#f8d98a}
.map-count{background:rgba(4,44,69,.22);border-color:rgba(222,246,250,.48)}

/* Preserve the calm guide experience, but make its hierarchy part of the
   same blue field system instead of mixing blue, green, and gray accents. */
.guide-nav{background:#fbfdfe;border-bottom-color:#cbdde7}.guide-nav a{color:#155d7f}.guide-nav a:hover{color:#083f62}
.handbook-quick-head h2{color:#113f5e}.handbook-part-head h2{color:#fff}
.handbook-quick-card{border-color:#c5dbe6;background:#eef7fb}.handbook-quick-card span{color:#2e718e}.handbook-quick-card b{color:#123f5e}
.handbook-topic-links a{border-color:#c6dce6;color:#145d7e;background:#fbfdff}.handbook-topic-links a:hover{border-color:#76aec1;background:#eef8fb}.handbook-topic-links b{color:#5d7789}
.handbook-part-head{background:linear-gradient(120deg,#0b4265,#116b91)}.handbook-part-head .eyebrow{color:#c5e8f2}.handbook-part-head p{color:#e2f2f7}
.handbook-topic-head h3{color:#123f5e}.handbook-subhead{color:#176786}
.handbook-entry{border-left-color:#2d91b1;background:#eef7fb}.handbook-entry:hover{background:#e8f4f9}.handbook-entry-kicker{color:#1a7495}.handbook-entry h4,.guide-stop h4{color:#123f5e}
.handbook-takeaway{border-left-color:#e6ad45;background:#fff8e8;color:#604a22}.handbook-entry-meta{color:#587587}
.handbook-evidence{border-color:#c7dce5;background:#fafdff}.handbook-evidence summary{color:#155d7f}.handbook-evidence .handbook-entry{background:#fff;border-left-color:#91c2d2}
.guide-unit{border-left-color:#2d91b1;background:#edf7fb}.guide-unit h3,.segment-card h3{color:#123f5e}.segment-number{background:#0c5d84}
.guide-stop{border-color:#c5dce6;background:#fbfdff}.guide-stop:hover{border-color:#79aec1;background:#f0f9fc}
.guide-aside .warning,.browse-notice{border-color:#efd496;background:#fff8e8;color:#614b22}
.confidence-high .confidence-dot{background:#1d86a8}.confidence-medium .confidence-dot{background:#d19228}
.qa{background:linear-gradient(145deg,#0a4567,#083754)}
.qa p{color:#d9edf4}.answer{background:rgba(255,255,255,.12)}.answer-meta{color:#c7e3ec}.sourcechips a{color:#dbeff5}
.qa [data-qa-status]{color:#d9edf4;font-weight:650}.qa.is-loading textarea{opacity:.62;filter:saturate(.45);cursor:wait}.qa.is-loading .qa-voice{opacity:.45;pointer-events:none}.qa .btn.is-loading{display:inline-flex;align-items:center;gap:8px;background:#8b9ca8;color:#fff;box-shadow:none;cursor:wait;transform:none}.qa .btn.is-loading:hover{transform:none;box-shadow:none}.qa-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:qa-spin .72s linear infinite;vertical-align:-.14em}.qa-loading{display:flex;align-items:center;gap:10px;min-height:50px;color:#e5f4f8;font-weight:680}.qa-loading .qa-spinner{width:18px;height:18px;border-width:2px}@keyframes qa-spin{to{transform:rotate(360deg)}}
footer{background:linear-gradient(120deg,#062e49,#0b5275);color:#d7ebf3}footer .fine{color:#a9ccd9}
.landing-ask-panel .answer{max-height:min(430px,58vh);overflow:auto;overscroll-behavior:contain;padding-right:7px}
.landing-ask-panel .answer-home{max-width:64ch}.landing-ask-panel .answer-home-more{margin:13px 0 0}.landing-ask-panel .answer-home-more .under{color:#f6cf78;text-decoration-color:rgba(246,207,120,.65)}
.qa-page{max-width:940px}.qa-scope{display:flex;align-items:end;gap:18px;margin:0 0 16px;padding:17px 18px;border:1px solid #c9dce7;border-radius:15px;background:linear-gradient(145deg,#fbfdff,#eef7fb)}.qa-scope .field{width:min(100%,430px);flex:0 1 430px}.qa-scope .meta{max-width:52ch;margin:0}.qa-scope-active{margin:0 0 12px!important;color:#dceef4!important;font-size:13px}.qa-scope-active strong{color:#fff}

/* Public data and contribution area: clear enough for a first-time user,
   but intentionally modest so downloads feel like part of the field guide. */
.resource-section{padding-top:48px}.resource-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}.resource-secondary{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card{padding:24px;border:1px solid #c9dce7;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbfd);box-shadow:0 8px 22px rgba(13,57,84,.055)}.resource-card h2{margin:5px 0 10px;font-size:29px;line-height:1.08}.resource-card p{max-width:66ch}.resource-download{background:linear-gradient(145deg,#f8fcfe,#eaf5f9)}.resource-ai{background:linear-gradient(145deg,#f9fcfe,#f3f8fb)}.data-export-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(205px,.9fr) auto;gap:11px;align-items:end;margin-top:20px}.data-export-controls .btn{display:flex;align-items:center;justify-content:center;min-height:45px;white-space:nowrap}.data-export-status{min-height:19px;margin:12px 0 0}.resource-steps{max-width:65ch;margin:15px 0 0;padding-left:1.35rem}.resource-steps li{margin:0 0 9px;padding-left:3px}.resource-links{display:flex;gap:18px;flex-wrap:wrap;margin:17px 0 0!important}.contribution-section{border-top:1px solid #d8e5eb}.contribution-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:40px;align-items:start}.contribution-layout h2{margin:5px 0 10px;font-size:32px;line-height:1.08}.contribution-form{padding:22px;border:1px solid #c9dce7;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(13,57,84,.055)}.contribution-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contribution-form textarea{width:100%;min-height:124px;padding:11px 12px;border:1px solid #bdd3df;border-radius:10px;background:#fbfdff;color:#153f5d;resize:vertical}.contribution-upload{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:12px 13px;border:1px dashed #a9c9d8;border-radius:12px;background:#f5fafc}.contribution-upload label{display:block;margin-bottom:5px;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#40647c}.contribution-upload input{max-width:100%;font-size:13px}.contribution-upload .meta{max-width:36ch;margin:0}.contribution-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:17px}.contribution-actions .btn{min-height:43px}.contribution-form>.meta:last-child{min-height:19px;margin:10px 0 0}@media(max-width:900px){.resource-grid,.contribution-layout{grid-template-columns:1fr}.contribution-layout{gap:22px}.resource-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.resource-card,.contribution-form{padding:18px}.resource-card h2,.contribution-layout h2{font-size:26px}.data-export-controls,.contribution-fields{grid-template-columns:1fr}.data-export-controls .btn{width:100%}.contribution-upload{align-items:flex-start;flex-direction:column;gap:8px}.resource-secondary{grid-template-columns:1fr}}

.featured-rides{background:linear-gradient(180deg,#f9fcfe,#f2f8fb)}
.feature-routes-grid .routecard{border-color:#c9dce6}.feature-routes-grid .routecard:hover{box-shadow:0 17px 33px rgba(10,67,97,.15)}
.route-page-head{align-items:end;margin:28px 0 17px}.route-page-head h2{margin:3px 0 6px}.route-page-head .muted{max-width:64ch;margin:0}.route-page-grid{margin-top:0}.route-page-more{margin-top:20px;padding:0 17px 18px;border:1px solid #c9dce7;border-radius:15px;background:linear-gradient(145deg,#fbfdfe,#eef7fb);box-shadow:0 5px 15px rgba(13,57,84,.04)}.route-page-more summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 2px 0;cursor:pointer;color:#113f5e;list-style:none}.route-page-more summary::-webkit-details-marker{display:none}.route-page-more summary::before{content:'+';display:grid;place-items:center;width:22px;height:22px;margin-right:10px;float:left;border-radius:50%;background:#d9edf5;color:#0b587f;font-size:20px;line-height:1}.route-page-more[open] summary::before{content:'–'}.route-page-more summary>span:first-child{flex:1}.route-page-more summary b{display:block;font-size:16px}.route-page-more summary small{display:block;margin-top:2px;color:#58728a;font-size:13px}.route-page-more-cue{color:#0e6389;font-size:13px;font-weight:750}.route-page-more[open] .route-page-more-cue{font-size:0}.route-page-more[open] .route-page-more-cue::after{content:'Hide';font-size:13px}.route-page-more-grid{margin-top:17px}
.country-feature{border-color:#c9dce6}.country-feature-shade{background:linear-gradient(transparent 30%,#073e61df)}
.countryrow{border-color:#cbdde7}.countryarrow{color:#0e6389}
.home-next-step{background:linear-gradient(130deg,#e8f4f9,#f7fafb)}.home-next-country{color:#0e6389}
.home-guide-picker{display:grid;grid-template-columns:minmax(270px,1fr) auto;align-items:end;gap:12px 14px;min-width:min(100%,460px)}.home-guide-picker .field{min-width:0}.home-guide-picker .home-next-country{grid-column:1/-1;justify-self:start;font-weight:700}.home-guide-picker .btn{min-height:44px;white-space:nowrap}

/* FAQ documents are a reading surface first; the free-form Ask control is
   intentionally lower on the page so it complements rather than replaces
   the edited route answers. */
.faq-documents{margin:28px 0 36px}.faq-guide-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 23px}.faq-guide-head h2{margin:4px 0 8px;color:#123f5e}.faq-guide-head .muted{max-width:70ch;margin:0}.faq-doc-section{margin:0 0 34px}.faq-document-groups{display:grid;gap:22px}.faq-topic-group{padding:21px 22px;border:1px solid #c9dce7;border-radius:17px;background:linear-gradient(145deg,#fff,#f5fafc);box-shadow:0 6px 18px rgba(13,57,84,.045)}.faq-topic-group .head{margin:0 0 10px}.faq-topic-group .head h3{margin:0;color:#123f5e;font-size:20px}.faq-document{border-top:1px solid #d9e6ec}.faq-document:first-of-type{border-top:0}.faq-document summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;cursor:pointer;list-style:none;font-weight:760;color:#155d7f}.faq-document summary::-webkit-details-marker{display:none}.faq-document summary>span:first-child{max-width:68ch}.faq-document-toggle{flex:0 0 auto;color:#4a7890;font-size:12px;font-weight:750}.faq-document[open] .faq-document-toggle{font-size:0}.faq-document[open] .faq-document-toggle::after{content:'Hide answer';font-size:12px}.faq-document-answer{padding:1px 0 16px;max-width:76ch}.faq-document-answer p{margin:0 0 11px}.faq-document-answer .meta{margin:2px 0 0;font-size:12px}.faq-empty{padding:18px 19px;border:1px dashed #a9c9d8;border-radius:14px;background:#f7fbfd;color:#40647c}.faq-empty p{margin:0}.faq-field-notes{padding-top:31px;border-top:1px solid #d8e5eb}.faq-field-notes>.head{margin:0 0 5px}.faq-follow-up{padding-top:31px;border-top:1px solid #d8e5eb}.faq-follow-up>.head{margin:0 0 16px}.faq-documents-loading{padding:28px;border:1px dashed #a9c9d8;border-radius:14px;background:#f7fbfd;color:#40647c;font-weight:700}

@media(max-width:700px){
  .landing-hero::before{height:44%;opacity:.48}.landing-hero::after{height:31%;opacity:.75}
  .landing-map-panel{background:rgba(2,30,50,.5)}
  .route-page-head{align-items:start}.route-page-more{padding:0 12px 14px}.route-page-more summary{gap:10px}.route-page-more-cue{display:none}
  .qa-scope{align-items:stretch;flex-direction:column;gap:10px}.qa-scope .field{width:100%;flex-basis:auto}
  .home-guide-picker{grid-template-columns:1fr;width:100%;min-width:0}.home-guide-picker .btn{width:100%}
  .faq-guide-head{align-items:flex-start;flex-direction:column}.faq-topic-group{padding:18px}.faq-document summary{align-items:flex-start;gap:10px}.faq-document-toggle{padding-top:2px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* A single, modest contributor credit belongs at the end of the About story. */
.contributors-section{border-top:1px solid #d8e5eb}.contributors-wrap{max-width:760px}.contributors-wrap h2{margin:4px 0 12px;color:#123f5e;font-size:30px}.contributor-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}.contributor-line span{color:#567489;font-weight:700}.contributor-line span::after{content:':'}.contributor-line a{font-weight:700}
@media(max-width:650px){.contributors-wrap h2{font-size:26px}.contributor-line{display:block}.contributor-line a{display:inline-block;margin-top:4px}}

/* A letter is about pace and measure, not decorative typography. */
.about-letter{max-width:68ch}.about-letter p{margin:0 0 1.15em;line-height:1.62}.about-letter p:last-child{margin-bottom:0}

/* The landing page gets an original, map-friendly mountain scene rather than
   a stock hero photograph.  The three blue ridges keep the guide tools clear,
   while the rider gives the view an unmistakable cycling scale. */
.landing-hero{
  background:
    radial-gradient(circle at 80% 15%,rgba(207,238,245,.96) 0 3.2%,rgba(176,220,233,.45) 5.2%,transparent 14%),
    radial-gradient(circle at 15% -12%,rgba(104,194,219,.62) 0,transparent 41%),
    linear-gradient(145deg,#052d4e 0%,#0b5b81 47%,#1685a4 100%);
}
.landing-hero::before,.landing-hero::after{display:none}
.landing-mountain-scene{position:absolute;z-index:1;inset:auto 0 -1px;width:100%;height:min(440px,54vw);min-height:310px;pointer-events:none}
.landing-hero>.wrap{z-index:2}
.mountain-haze{fill:#3d91b0;opacity:.52}.mountain-mid{fill:#0f6086;opacity:.84}.mountain-near{fill:#063b5e}.mountain-snowline{fill:none;stroke:#e8f8fa;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.mountain-trail{fill:none;stroke:#93d0df;stroke-width:6;stroke-linecap:round;opacity:.56}.mountain-rider{filter:drop-shadow(0 2px 2px rgba(2,28,46,.35))}.rider-wheel{fill:none;stroke:#d9f3f5;stroke-width:1.9}.rider-frame{fill:none;stroke:#b5e4ea;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rider-body{fill:none;stroke:#edfafa;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.landing-mountain-scene{height:400px;min-height:0;opacity:.9}}
@media(max-width:700px){.landing-mountain-scene{height:300px;opacity:.72}}


/* One wide planning question on the hero, followed by a map that can be
   filtered in place. The visible result list gives sorting a clear payoff. */
.landing-copy--wide{max-width:920px;padding:8px 0 25px}.landing-copy--wide h1{max-width:760px}.landing-copy--wide .landing-lede{max-width:790px}.landing-copy--wide .landing-ask-panel{max-width:890px;padding:22px 24px 19px}.landing-copy--wide .landing-ask-panel .qa textarea{min-height:96px}.landing-map-section{padding:38px 0 52px;background:linear-gradient(180deg,#edf7fb 0%,#f8fbfd 100%)}.landing-map-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 auto 17px;max-width:1160px}.landing-map-section-head h2{margin:3px 0 6px;color:#123f5e;font-size:38px;line-height:1.05}.landing-map-section-head .muted{max-width:66ch;margin:0}.landing-map-panel--full{max-width:1160px;margin:0 auto;padding:22px 22px 0}.landing-map-panel--full .home-map{height:500px;min-height:0}.home-map-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}.home-map-controls .field{min-width:0}.home-map-controls .field label{color:#d5edf4}.home-map-controls select{width:100%;background:#fcfeff;color:#153f5d}.home-map-controls option{color:#153f5d}.landing-map-panel--full .landing-map-status{min-height:22px;margin:0 0 10px}.home-map-matches{margin:14px 0 0;padding:14px 0 15px;border-top:1px solid rgba(207,236,245,.32)}.home-map-matches-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;color:#eaf7fb}.home-map-matches-head .meta{color:#b9dae5;text-align:right}.home-map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}.home-map-match{display:flex;flex-direction:column;gap:3px;min-height:86px;padding:11px 12px;border:1px solid rgba(214,239,246,.32);border-radius:10px;background:rgba(255,255,255,.07);color:#f0f9fc;text-decoration:none}.home-map-match:hover{border-color:#f5c257;background:rgba(255,255,255,.12);color:#fff}.home-map-match b{font-size:15px;line-height:1.22}.home-map-match small{color:#c2dce6;font-size:12px;line-height:1.28}.home-map-match-type{color:#f8d487;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.home-map-list .empty{grid-column:1/-1;color:#d7ebf2}.landing-map-panel--full .landing-map-footer{margin-top:0}
@media(max-width:1000px){.home-map-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.home-map-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.landing-copy--wide{padding-bottom:16px}.landing-copy--wide .landing-ask-panel{padding:18px}.landing-map-section{padding:27px 0 38px}.landing-map-section-head{align-items:flex-start;flex-direction:column;gap:10px}.landing-map-section-head h2{font-size:31px}.landing-map-panel--full{padding:17px 14px 0}.home-map-controls{grid-template-columns:1fr 1fr;gap:10px}.home-map-controls .field:last-child{grid-column:1/-1}.landing-map-panel--full .home-map{height:390px}.home-map-list{grid-template-columns:1fr}.home-map-matches-head{align-items:flex-start;flex-direction:column;gap:3px}.home-map-matches-head .meta{text-align:left}}
@media(max-width:430px){.home-map-controls{grid-template-columns:1fr}.home-map-controls .field:last-child{grid-column:auto}}

/* A single, modest contributor credit belongs at the end of the About story. */
.contributors-section{border-top:1px solid #d8e5eb}.contributors-wrap{max-width:760px}.contributors-wrap h2{margin:4px 0 12px;color:#123f5e;font-size:30px}.contributor-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}.contributor-line span{color:#567489;font-weight:700}.contributor-line span::after{content:':'}.contributor-line a{font-weight:700}
@media(max-width:650px){.contributors-wrap h2{font-size:26px}.contributor-line{display:block}.contributor-line a{display:inline-block;margin-top:4px}}

/* A letter is about pace and measure, not decorative typography. */
.about-letter{max-width:68ch}.about-letter p{margin:0 0 1.15em;line-height:1.62}.about-letter p:last-child{margin-bottom:0}

/* The landing page gets an original, map-friendly mountain scene rather than
   a stock hero photograph.  The three blue ridges keep the guide tools clear,
   while the rider gives the view an unmistakable cycling scale. */
.landing-hero{
  background:
    radial-gradient(circle at 80% 15%,rgba(207,238,245,.96) 0 3.2%,rgba(176,220,233,.45) 5.2%,transparent 14%),
    radial-gradient(circle at 15% -12%,rgba(104,194,219,.62) 0,transparent 41%),
    linear-gradient(145deg,#052d4e 0%,#0b5b81 47%,#1685a4 100%);
}
.landing-hero::before,.landing-hero::after{display:none}
.landing-mountain-scene{position:absolute;z-index:1;inset:auto 0 -1px;width:100%;height:min(440px,54vw);min-height:310px;pointer-events:none}
.landing-hero>.wrap{z-index:2}
.mountain-haze{fill:#3d91b0;opacity:.52}.mountain-mid{fill:#0f6086;opacity:.84}.mountain-near{fill:#063b5e}.mountain-snowline{fill:none;stroke:#e8f8fa;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.mountain-trail{fill:none;stroke:#93d0df;stroke-width:6;stroke-linecap:round;opacity:.56}.mountain-rider{filter:drop-shadow(0 2px 2px rgba(2,28,46,.35))}.rider-wheel{fill:none;stroke:#d9f3f5;stroke-width:1.9}.rider-frame{fill:none;stroke:#b5e4ea;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rider-body{fill:none;stroke:#edfafa;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.landing-mountain-scene{height:400px;min-height:0;opacity:.9}}
@media(max-width:700px){.landing-mountain-scene{height:300px;opacity:.72}}

/* Keep the interactive map visible inside its full-width homepage panel. */
#home-map.home-map{height:500px!important;min-height:500px!important;flex:0 0 500px!important}
@media(max-width:700px){#home-map.home-map{height:390px!important;min-height:390px!important;flex-basis:390px!important}}


/* A small bicycle is a ridge detail, not a character illustration. */
.mountain-bike{filter:drop-shadow(0 2px 2px rgba(2,28,46,.4))}.bike-wheel{fill:none;stroke:#eaf9fb;stroke-width:1.8}.bike-frame{fill:none;stroke:#c7eef2;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.bike-detail{fill:none;stroke:#f8ffff;stroke-width:1.55;stroke-linecap:round}.mountain-bike--touring .bike-wheel{stroke-width:2.05}.bike-spoke{fill:none;stroke:#b8e5ed;stroke-width:.65;opacity:.88}.bike-load{fill:rgba(8,67,98,.72);stroke:#eaf9fb;stroke-width:1.4;stroke-linejoin:round}.home-map-controls{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.home-map-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.home-map-controls{grid-template-columns:1fr}}

/* A single, modest contributor credit belongs at the end of the About story. */
.contributors-section{border-top:1px solid #d8e5eb}.contributors-wrap{max-width:760px}.contributors-wrap h2{margin:4px 0 12px;color:#123f5e;font-size:30px}.contributor-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}.contributor-line span{color:#567489;font-weight:700}.contributor-line span::after{content:':'}.contributor-line a{font-weight:700}
@media(max-width:650px){.contributors-wrap h2{font-size:26px}.contributor-line{display:block}.contributor-line a{display:inline-block;margin-top:4px}}

/* A letter is about pace and measure, not decorative typography. */
.about-letter{max-width:68ch}.about-letter p{margin:0 0 1.15em;line-height:1.62}.about-letter p:last-child{margin-bottom:0}

/* The landing page gets an original, map-friendly mountain scene rather than
   a stock hero photograph.  The three blue ridges keep the guide tools clear,
   while the rider gives the view an unmistakable cycling scale. */
.landing-hero{
  background:
    radial-gradient(circle at 80% 15%,rgba(207,238,245,.96) 0 3.2%,rgba(176,220,233,.45) 5.2%,transparent 14%),
    radial-gradient(circle at 15% -12%,rgba(104,194,219,.62) 0,transparent 41%),
    linear-gradient(145deg,#052d4e 0%,#0b5b81 47%,#1685a4 100%);
}
.landing-hero::before,.landing-hero::after{display:none}
.landing-mountain-scene{position:absolute;z-index:1;inset:auto 0 -1px;width:100%;height:min(440px,54vw);min-height:310px;pointer-events:none}
.landing-hero>.wrap{z-index:2}
.mountain-haze{fill:#3d91b0;opacity:.52}.mountain-mid{fill:#0f6086;opacity:.84}.mountain-near{fill:#063b5e}.mountain-snowline{fill:none;stroke:#e8f8fa;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.mountain-trail{fill:none;stroke:#93d0df;stroke-width:6;stroke-linecap:round;opacity:.56}.mountain-rider{filter:drop-shadow(0 2px 2px rgba(2,28,46,.35))}.rider-wheel{fill:none;stroke:#d9f3f5;stroke-width:1.9}.rider-frame{fill:none;stroke:#b5e4ea;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rider-body{fill:none;stroke:#edfafa;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.landing-mountain-scene{height:400px;min-height:0;opacity:.9}}
@media(max-width:700px){.landing-mountain-scene{height:300px;opacity:.72}}


/* Keep optional image attribution available without letting it dominate Data. */
.photo-credits-card{padding:0;overflow:hidden}.photo-credits-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:.92rem;font-weight:700;cursor:pointer;list-style:none}.photo-credits-card summary::-webkit-details-marker{display:none}.photo-credits-card summary::before{content:'+';margin-right:7px;color:var(--blue,#16769b)}.photo-credits-card[open] summary::before{content:'–'}.photo-credits-card summary span{font-size:.78rem;font-weight:600;color:var(--muted)}.photo-credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.photo-credit-row{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:.76rem;line-height:1.35}.photo-credit-row b{font-size:.8rem}.photo-credits-card>p{margin:10px 12px 14px;font-size:.78rem}@media(max-width:650px){.photo-credit-list{grid-template-columns:1fr}.photo-credits-card summary{padding:13px 14px}.photo-credit-row{padding:9px 12px}}

/* Explain the shared Ask form directly before the question field. */
.qa > .ask-database-description{display:block!important;font-size:.9rem;line-height:1.5;margin:0 0 16px;opacity:.85}.landing-ask-panel .qa > .ask-database-description{color:#d7edf5}.landing-ask-head{margin-bottom:8px}


/* Owner-supplied landscape: readable Ask surface, unobstructed peak, no fixed/parallax motion. */
.landing-hero{background-color:#103d58;background-image:linear-gradient(90deg,rgba(5,32,52,.82) 0%,rgba(5,32,52,.57) 40%,rgba(5,32,52,.12) 76%),url('/images/landing-mountains-1920.jpg');background-size:cover;background-position:center 55%;padding:64px 0;min-height:560px;display:flex;align-items:center}
.landing-hero>.wrap{width:100%}
.landing-hero .landing-mountain-scene{display:none}
.landing-hero .landing-copy--wide{max-width:720px;padding:0}
.landing-hero .landing-lede{color:#f0f7fb;text-shadow:0 1px 6px rgba(0,0,0,.35);margin:0 0 20px;font-size:1.05rem;max-width:57ch}
.landing-hero .landing-ask-panel{background:rgba(7,39,61,.93);backdrop-filter:none;border:1px solid rgba(230,245,252,.4);box-shadow:0 18px 48px rgba(4,25,39,.18)}
.landing-hero .landing-ask-panel .qa>.ask-database-description{color:#e0eef6;opacity:1}
@media(max-width:760px){.landing-hero{background-image:linear-gradient(180deg,rgba(5,32,52,.05) 0%,rgba(5,32,52,.3) 27%,rgba(5,32,52,.8) 72%),url('/images/landing-mountains-960.jpg');background-position:57% center;min-height:0;padding:110px 0 30px}.landing-hero .landing-lede{font-size:.95rem}.landing-hero .landing-ask-panel{background:rgba(7,39,61,.96)}}

.landing-hero>.wrap{width:calc(100% - 48px);max-width:1160px;margin:0 auto}
@media(max-width:500px){.landing-hero>.wrap{width:calc(100% - 32px)}}

/* Compact photo banner: keep the peak above Ask without a full-screen hero.
   The form stays in normal flow so answers and enlarged text can expand. */
.landing-hero{--photo-height:max(600px,49.73vw);--photo-offset:calc(24px - var(--photo-height)*.368);background-color:#0d3854;background-image:linear-gradient(to bottom,rgba(5,32,52,.04) 0,rgba(5,32,52,.08) calc(var(--photo-height)*.35),#0d3854 calc(var(--photo-height)*.632 + 24px)),url('/images/landing-mountains-1920.jpg');background-size:100% 100%,auto var(--photo-height);background-position:center top,center var(--photo-offset);background-repeat:no-repeat;min-height:0;padding:calc(24px + var(--photo-height)*.24) 0 24px;display:block}
.landing-hero .landing-copy--wide{max-width:780px;margin:0 auto}
@media(max-width:760px){.landing-hero{background-image:linear-gradient(to bottom,rgba(5,32,52,.04) 0,rgba(5,32,52,.08) calc(var(--photo-height)*.35),#0d3854 calc(var(--photo-height)*.632 + 24px)),url('/images/landing-mountains-960.jpg');background-position:center top,57% var(--photo-offset);padding-bottom:28px}}

/* Maximum-recall service intelligence */
.field-intel-note{margin:22px 0 18px}
.field-intel-controls{display:grid;grid-template-columns:minmax(220px,2fr) minmax(170px,1fr) minmax(160px,1fr);gap:10px;margin:18px 0}
.field-intel-controls input,.field-intel-controls select{width:100%;padding:12px 14px;border:1px solid var(--line,#cbd5d1);border-radius:10px;background:#fff;color:inherit;font:inherit}
.field-intel-card details{margin-top:12px}
.field-intel-card summary{cursor:pointer;font-weight:700}
@media(max-width:720px){.field-intel-controls{grid-template-columns:1fr}}