.routes-body{max-width:1120px;padding-block:38px 66px}.route-atlas{grid-template-columns:1.14fr 1fr;align-items:center;gap:clamp(20px,4vw,48px);display:grid}.route-map-image{outline:1px solid var(--line);background:#0c4670;position:relative}.route-map-image img,.route-shot img{width:100%;height:auto;display:block}.route-pin{border:2px solid var(--cream);background:var(--sea-deep);width:44px;height:44px;color:var(--cream);font:800 1.45rem/1 var(--display);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #142924}.route-pin:hover,.route-pin:focus-visible{background:var(--gold);color:var(--sea-deep)}.route-pin:focus-visible{outline-color:var(--cream)}.route-atlas figcaption,.route-shot figcaption{color:var(--ink-soft);margin-top:7px;font-size:.84rem}.route-index h2{margin:6px 0 12px}.route-index ol{border-top:1px solid var(--line);margin:15px 0;padding:0;list-style:none}.route-index li{border-bottom:1px solid var(--line)}.route-index li a{grid-template-columns:32px minmax(0,1fr) 19px;align-items:center;gap:10px;padding:10px 3px;text-decoration:none;display:grid}.route-index li a:hover{background:var(--paper-light)}.route-index li small{color:var(--ink-soft);display:block}.route-index li svg{width:19px;height:19px}.route-number{background:var(--sea);min-height:32px;color:var(--gold);font:800 1.2rem/1 var(--display);place-items:center;display:grid}.route-log{border-top:1px solid var(--line);margin-block:36px;padding-top:22px}.route-log h2{margin-block:5px 9px}.route-log header>p:last-child{max-width:68ch}.route-detail{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(18px,3vw,36px);margin:16px 0;display:grid}.route-shot img{border:1px solid var(--line)}.route-time{font:700 .8rem/1.35 var(--mono);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.route-time span{color:var(--gold-dark);font-size:.67rem}.route-steps{counter-reset:route-step;margin:0;padding:0;list-style:none}.route-steps li{counter-increment:route-step;border-top:1px solid var(--line);padding:10px 0 10px 38px;position:relative}.route-steps li:before{content:counter(route-step);border:1px solid var(--line);width:25px;height:25px;font:800 1rem/1 var(--display);place-items:center;display:grid;position:absolute;top:11px;left:0}.route-step-heading{flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin-bottom:4px;display:flex}.route-step-heading h3{font-size:1.42rem}.route-steps p{font-size:.94rem}.route-note{margin-bottom:12px}.route-sources{flex-wrap:wrap;gap:4px 16px;margin:7px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}@media (max-width:760px){.routes-body{padding-block:22px 38px}.route-atlas,.route-detail{grid-template-columns:1fr}.route-pin{width:39px;height:39px;font-size:1.2rem}.route-log{margin-block:27px}}