/* Route introductions are distinct from dated planning articles. */
.route-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:76px;padding-top:134px;padding-bottom:52px;align-items:center}
.route-hero .breadcrumbs{margin-bottom:32px;flex-wrap:wrap;line-height:1.7}
.route-hero h1{font-size:clamp(46px,4.6vw,66px);line-height:1.07;letter-spacing:-2px;color:var(--ink);max-width:740px;margin:20px 0 26px;text-wrap:balance}
.route-lead{font-size:18px;line-height:1.8;color:#3f574c;max-width:660px}
.route-summary{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 30px;padding:0;list-style:none}
.route-summary li{font-size:11px;line-height:1.6;padding:6px 10px;border:1px solid #c9d2c5;border-radius:2px;color:#3f574c}
.route-reviewed{font-size:11px;line-height:1.7;color:#65786e;margin-top:20px}
.route-photo{margin:38px 0;max-width:640px;min-width:0}
.route-photo--hero{margin:0;width:100%}
.route-photo-frame{overflow:hidden;border-radius:3px;background:#e7eadf;min-width:0}
.route-photo img{display:block;width:100%;max-width:100%;height:auto}
.route-photo--lake .route-photo-frame{aspect-ratio:1000/1560}
.route-photo--lake img{width:109.5%;max-width:none;margin-left:-9.5%}
.route-photo figcaption{font-size:12px;line-height:1.8;color:#4f6559;margin-top:14px;text-wrap:pretty}
.route-photo figcaption span{display:block;font-size:10px;color:#718278;margin-top:7px}
.route-access{padding-top:24px;padding-bottom:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.route-access p{font-size:14px;line-height:1.8;color:var(--ink);max-width:850px;padding-left:18px;border-left:3px solid var(--coral)}
.route-reading{display:grid;grid-template-columns:195px minmax(0,1fr);gap:64px;padding-top:56px;padding-bottom:60px}
.route-toc{align-self:start;position:sticky;top:116px;font-size:12px;line-height:1.65}
.route-toc summary{font-size:12px;letter-spacing:.3px;font-weight:600;margin-bottom:18px;cursor:pointer}
.route-toc ol{list-style:none;padding:0;display:grid;gap:13px}
.route-toc a{color:#4d6457}.route-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.route-prose{min-width:0;max-width:850px;color:#3f574c;font-size:17px;line-height:1.9;overflow-wrap:break-word}
.route-page .route-prose h2{font-size:34px;line-height:1.2;letter-spacing:-.8px;margin:48px 0 22px;text-wrap:balance;scroll-margin-top:110px}
.route-prose>h2:first-child{margin-top:0}.route-prose p{margin-bottom:24px}.route-prose ul{padding-left:22px;margin:22px 0 30px}.route-prose li{padding-left:4px;margin-bottom:14px}
.route-page[data-contact-interest="Haba Black Lake Trek"] .route-prose .route-photo{max-width:360px;margin-left:auto;margin-right:auto}
.route-faq{margin-top:50px}.route-faq .guide-faq>p{font-size:16px;line-height:1.9;color:#3f574c}.route-faq summary{font-size:16px;line-height:1.6;gap:22px}
.route-enquire{margin-top:52px;padding:30px 28px;background:#e7eadf}.route-page .route-enquire h2{margin-top:0}.route-enquire .cta{margin-top:5px}
.route-reading-links{display:grid;gap:16px;margin-top:32px;font-size:14px}.route-reading-links a{text-decoration:underline;text-underline-offset:4px}
.route-hero--text{display:block;max-width:1160px}.route-hero--text .route-hero-copy{max-width:880px}.route-hero--text .route-lead{max-width:790px}
.route-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1168px;margin:0 auto 44px;padding:0 56px;list-style:none}
.route-journey li{border-top:1px solid var(--line);padding-top:22px;min-width:0}.route-journey li>span{font-size:11px;color:#6a7e70}
.route-page .route-journey h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:16px 0 12px}.route-journey p{font-size:14px;line-height:1.8;color:#536b5b}
.route-related{padding-top:38px;padding-bottom:60px;border-top:1px solid var(--line)}.route-page .route-related h2,.route-hub h2{font-size:40px;line-height:1.2;letter-spacing:-1px;margin:18px 0 26px}
.route-hub{padding-top:54px;padding-bottom:54px;border-bottom:1px solid var(--line)}.route-hub-intro{font-size:16px;line-height:1.8;max-width:760px;color:#53675a}
.route-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}.route-related .route-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.route-hub-card{display:flex;flex-direction:column;padding:25px 0 10px;border-top:1px solid var(--line);min-width:0}.route-hub-card h3{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:14px 0 18px;text-wrap:balance}.route-hub-card p{font-size:14px;line-height:1.85;color:#53675a;margin-bottom:22px}.route-hub-number{font-size:11px;color:#6a7e70}.route-hub-link{font-size:12px;margin-top:auto;color:var(--ink)}.route-hub-card:hover .route-hub-link{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.route-hero{gap:38px;grid-template-columns:minmax(0,1fr) minmax(0,300px)}.route-reading{gap:36px;grid-template-columns:170px minmax(0,1fr)}.route-journey{padding-left:40px;padding-right:40px}}
@media(max-width:900px){.route-hero{grid-template-columns:1fr;gap:34px}.route-photo--hero{max-width:380px;margin-left:auto;margin-right:auto}.route-hero-copy{max-width:730px}.route-reading{grid-template-columns:1fr;gap:32px}.route-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:24px}.route-toc ol{grid-template-columns:1fr 1fr;gap:12px 24px}.route-prose{max-width:none}.route-hub-grid{gap:22px}}
@media(max-width:600px){.route-hero{padding-top:107px;padding-bottom:38px;gap:28px}.route-hero .breadcrumbs{font-size:10px;gap:8px;margin-bottom:23px}.route-hero .eyebrow{font-size:9px}.route-hero h1{font-size:clamp(37px,10vw,49px);letter-spacing:-1.2px;line-height:1.12;margin:18px 0 23px}.route-lead{font-size:16px;line-height:1.85}.route-summary{margin-top:22px;gap:7px}.route-summary li{font-size:10px}.route-photo--hero{max-width:320px}.route-photo figcaption{font-size:12px}.route-access{padding-top:20px;padding-bottom:20px}.route-access p{font-size:13px;padding-left:14px}.route-reading{padding-top:34px;padding-bottom:38px}.route-toc ol{grid-template-columns:1fr}.route-prose{font-size:16px;line-height:1.85}.route-page .route-prose h2{font-size:29px;line-height:1.25;margin-top:38px;scroll-margin-top:95px}.route-prose li{margin-bottom:14px}.route-faq .guide-faq>p{font-size:15px}.route-faq summary{font-size:15px}.route-enquire{padding:24px 20px}.route-journey{grid-template-columns:1fr;gap:23px;margin-bottom:30px;padding:0 22px}.route-journey li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:14px}.route-journey li>span{grid-row:1/3;padding-top:5px}.route-page .route-journey h2{font-size:24px;margin:0 0 8px}.route-journey p{grid-column:2;font-size:13px}.route-hub-grid,.route-related .route-hub-grid{grid-template-columns:1fr;gap:24px}.route-hub{padding-top:39px;padding-bottom:40px}.route-hub h2,.route-page .route-related h2{font-size:34px}.route-hub-intro{font-size:14px}.route-hub-card h3{font-size:26px}.route-related{padding-top:35px;padding-bottom:40px}}

.route-prose a{text-decoration:underline;text-underline-offset:3px}
