.route-intro{
  background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom));
  border-bottom:1px solid var(--hl);
}
.route-intro__inner{
  padding-top:64px;
  padding-bottom:56px;
  text-align:center;
}
.route-intro h1{
  margin-top:24px;
  font-size:var(--text-h1);
  line-height:1.15;
}
.route-intro__lede{
  max-width:var(--reading);
  margin-inline:auto;
  color:var(--text-muted);
  font-size:var(--text-lede);
}
.route-intro__facts{
  justify-content:center;
  margin-top:24px;
}
.route-intro__links{
  justify-content:center;
  gap:8px 24px;
  margin-top:32px;
}
.route-intro__links a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:var(--text-nav);
  font-weight:var(--weight-semibold);
  text-underline-offset:5px;
}
.route-intro__links a:hover{
  text-decoration:underline;
}
.route-reading{
  padding-inline:0;
  line-height:1.85;
}
.route-reading--after{
  margin-top:32px;
}
.route-reading--after p:last-child{
  margin-bottom:0;
}
.route-method{
  display:flex;
  flex-direction:column;
  padding:16px;
  background:var(--face-soft);
  border-radius:var(--r-card);
  box-shadow:inset 0 1px 0 var(--hl),0 18px 40px var(--shx);
}
.route-method__diagram{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:112px;
  padding:16px;
  background:var(--white);
  border-radius:var(--r-node);
}
.route-method__line{
  fill:none;
  stroke:var(--face);
  stroke-width:4;
  stroke-linecap:round;
}
.route-method__copy{
  padding:24px 8px 8px;
}
.route-method__copy p{
  line-height:1.85;
}
.route-method__copy p:last-child{
  margin-bottom:0;
}
.route-text-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:var(--text-nav);
  text-decoration:underline;
  text-underline-offset:5px;
}
.route-use-list{
  max-width:100%;
}
.route-use{
  display:grid;
  grid-template-columns:minmax(140px,.24fr) minmax(0,1fr);
  gap:32px;
  padding-top:32px;
  padding-bottom:32px;
  border-top:1px solid var(--border);
}
.route-use:last-child{
  border-bottom:1px solid var(--border);
}
.route-use__label{
  padding-top:4px;
}
.route-use__copy{
  max-width:var(--reading);
}
.route-use__copy p{
  line-height:1.85;
}
.route-use__copy p:last-child{
  margin-bottom:0;
}
.route-use__copy a{
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:900px){
  .route-use{
    grid-template-columns:minmax(110px,.2fr) minmax(0,1fr);
    gap:24px;
  }
}
@media(max-width:768px){
  .route-intro__inner{
    padding-top:40px;
    padding-bottom:40px;
  }
  .route-intro h1{
    font-size:40px;
  }
  .route-intro__lede{
    font-size:var(--text-base);
  }
}
@media(max-width:640px){
  .route-use{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .route-use__label{
    padding-top:0;
  }
  .route-intro__links{
    gap:4px 20px;
  }
}