.trail-demo{color:#172a32;background:#f6f5f0;padding:32px;border-radius:8px;min-width:0}.trail-intro h3{font-size:clamp(28px,3.3vw,48px);margin-bottom:20px}.trail-intro .eyebrow{color:#006c67;margin-bottom:12px}.trail-intro>p:last-child{max-width:64ch}.trail-visuals{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;margin-top:28px}.trail-map{position:relative;border-radius:6px;background:#dce9e4;overflow:hidden}.trail-map>svg{width:100%;height:auto;display:block}.trail-route{fill:none;stroke:#006c67;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trail-station-dot{fill:#f6f5f0;stroke:#172a32;stroke-width:1.5}.trail-cursor{fill:#e8a189;stroke:#172a32;stroke-width:2}.trail-north{position:absolute;top:12px;right:16px;font-size:12px}.trail-elevation{min-width:0}.trail-elevation svg{width:100%;height:auto;display:block}.trail-area{fill:#dce9e4}.trail-profile-line{fill:none;stroke:#006c67;stroke-width:2}[id$="-profile-line"]{stroke:#172a32;stroke-width:1;stroke-dasharray:3 3}.trail-elevation svg text{fill:#435859;font:12px 'DM Sans',sans-serif}.trail-readout{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:16px 0}.trail-readout strong{font-size:28px;font-weight:550}.trail-readout>span:last-child{font-size:13px}.trail-controls>label{font-size:13px;font-weight:600}.trail-controls input{width:100%;accent-color:#006c67;min-height:44px;margin:0}.trail-controls input:focus-visible{outline:3px solid #006c67;outline-offset:4px}.trail-stations{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.trail-stations button{background:transparent;color:#172a32;border:1px solid #8ba29b;border-radius:4px;padding:8px 12px;min-height:44px;font-size:12px;line-height:1.3;text-align:left}.trail-stations button span{display:block;color:#435859;font-size:11px;margin-top:3px}.trail-stations button[aria-pressed=true]{background:#006c67;color:#fff;border-color:#006c67}.trail-stations button[aria-pressed=true] span{color:#fff}.trail-source{font-size:12px!important;line-height:1.6!important;max-width:none!important;margin-top:24px!important;color:#435859}.trail-source a{text-decoration:underline}.trail-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #b7c8c1;padding-top:24px;margin-top:24px}.trail-footer p{font-size:12px;max-width:42ch}.trail-footer .button{flex-shrink:0}.trail-demo[data-ready=true] svg{cursor:crosshair;touch-action:pan-y}@media(max-width:760px){.trail-demo{padding:22px 18px}.trail-visuals{grid-template-columns:1fr;gap:18px}.trail-map{max-height:310px}.trail-map>svg{height:310px}.trail-footer{align-items:flex-start;flex-direction:column}.trail-footer .button{width:100%;font-size:12px;gap:12px}.trail-stations button{flex:1 1 95px}.trail-intro h3{font-size:30px}}

.trail-north{display:flex;gap:4px;align-items:center}.trail-north svg{width:14px;height:14px}

.trail-facts{font-size:13px;line-height:1.6;margin-top:20px;max-width:75ch}.trail-facts a{text-decoration:underline}.trail-footer{flex-wrap:wrap}.trail-footer .button{font-size:12px;gap:14px}

/* R5: geographically aligned terrain and a clearer exploration hierarchy. */
.trail-demo{padding:36px;background:#f7f6f0;border:1px solid #d8ddd0;border-radius:12px}.trail-intro{border-bottom:1px solid #cbd5c8;padding-bottom:24px}.trail-intro h3{max-width:19ch;letter-spacing:-.045em;line-height:1.05}.trail-visuals{grid-template-columns:1.25fr 1fr;gap:32px;align-items:stretch}.trail-map{border:1px solid #bcc9b5;box-shadow:0 14px 36px #172a3210}.trail-route-halo{fill:none;stroke:#fffdf2;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.trail-route{stroke:#00594f;stroke-width:2.2}.trail-map-caption{position:absolute;bottom:14px;left:14px;padding:7px 10px;background:#f7f6f0ed;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:.1em}.trail-north{background:#f7f6f0ed;padding:7px;border-radius:4px}.trail-elevation{padding:20px;background:white;border:1px solid #e0e4da;border-radius:8px}.trail-readout strong{font-size:36px;letter-spacing:-.04em}.trail-stations button{background:#f7f8f2;border-color:#cbd5c8}.terrain-credit{font-size:10px!important;line-height:1.6!important;color:#465a53;margin-top:15px!important;max-width:90ch!important}.terrain-credit a{text-decoration:underline}.trail-source{margin-top:12px!important}.trail-footer .button{border-radius:4px}@media(max-width:760px){.trail-demo{padding:24px 16px}.trail-visuals{grid-template-columns:1fr;gap:20px}.trail-map{max-height:none}.trail-map>svg{height:auto}.trail-elevation{padding:14px}.trail-intro h3{font-size:36px}}