.guide {
  scroll-padding-top: 5rem;
}
.guide :focus-visible {
  outline: 3px solid #b33b1d;
  outline-offset: 4px;
}
.guide-skip {
  position: fixed;
  inset: .5rem auto auto .5rem;
  z-index: 60;
  padding: .5rem .75rem;
  background: #fff;
  color: #172635;
  transform: translateY(-200%);
}
.guide-skip:focus { transform: none; }
.guide-index { color: inherit; }
.guide .fw-hero { padding-block: clamp(2rem, 6vw, 4.5rem) 2.75rem; }
.guide .fw-hero__title { font-size: clamp(2.35rem, 7vw, 4.3rem); }
.guide .fw-hero__sub { margin-bottom: 1rem; }
.guide-byline {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem 1.25rem;
  margin: 0;
  color: #d5e0e8;
  font-size: .9rem;
}
.guide-sections {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.3rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid var(--fw-line);
}
.guide .fw-card-page a {
  color: #184b67;
  text-decoration-thickness: .09em;
  text-underline-offset: .17em;
}
.guide h2, .guide h3 { scroll-margin-top: 5rem; }
.guide blockquote {
  margin: 0 0 1rem;
  border-left: 3px solid #46617a;
  padding: .7rem 1rem;
  background: #f0f4f7;
}
.guide blockquote p { margin: 0; }
.guide .guide-action { font-weight: 700; }