.content-route{
  min-height:100%;
}
.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:200;
  padding:10px 14px;
  color:#031018;
  background:var(--cyan-bright);
  border-radius:5px;
  transform:translateY(-160%);
  transition:transform .18s ease;
}
.skip-link:focus{
  transform:translateY(0);
}
.content-brand{
  display:flex;
  align-items:center;
  gap:18px;
  color:inherit;
  text-decoration:none;
}
.content-route .navbar{
  justify-content:center;
}
.content-route .nav-list a{
  text-decoration:none;
}
.content-route a.card{
  text-decoration:none;
}
.content-viewport{
  width:100%;
  margin:0 auto;
  padding-top:12px;
}
.content-route .panel__head h1{
  font-size:clamp(18px,2.2vw,25px);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#e9f8ff;
  text-shadow:0 0 10px rgba(120,215,255,.6);
}
.content-route .guide-detail{
  display:block;
}
.content-route .guide-figure picture,
.content-route .about-media picture{
  display:block;
  width:100%;
  height:100%;
}
.content-route .guide-section h2,
.content-route .guide-sources h2{
  margin-bottom:14px;
  font-size:15px;
  text-transform:uppercase;
  color:var(--cyan-bright);
}
.content-route .gear-step h2{
  padding-right:42px;
}
.content-route .guide-detail__body{
  min-height:0;
}
.content-byline{
  display:flex;
  align-items:center;
  gap:.35em;
  margin:0;
  padding:0;
  color:var(--txt-mute);
  font-size:11px;
  line-height:1.4;
  letter-spacing:.06em;
}
.content-byline a{
  color:var(--cyan-bright);
  text-decoration:none;
}
.content-route .sub__head h2{
  font-size:14px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#bfe7fb;
}
.content-route .guide-back{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.guide-sources p{
  margin:.45rem 0 0;
}
.guide-related{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.guide-related a{
  color:var(--cyan-bright);
}
.content-route a:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}
@media (max-width:700px){
  .content-route .masthead{
    padding-inline:16px;
  }
  .content-route .crest{
    width:58px;
    height:58px;
  }
  .content-route .guild-name{
    font-size:24px;
  }
  .content-route .guild-tag{
    font-size:10px;
  }
  .content-route .navbar{
    justify-content:flex-start;
  }
  .content-viewport{
    padding:8px 12px 22px;
  }
  .content-route .panel__head{
    clip-path:none;
    padding:12px 14px;
  }
  .content-route .panel__head h1{
    position:relative;
    z-index:1;
    font-size:18px;
    line-height:1.25;
  }
}