/* Existing jump links / contents. Keep their list structure and sticky state. */
html body .cpf-page .cpf-contents,
html body [data-parks-library-blog] .cheers-article-toc {
  background-color: var(--cheers-component-surface);
  border-color: var(--cheers-component-border);
  border-radius: var(--cheers-component-radius);
  color: var(--cheers-component-heading);
}
html body .cpf-page .cpf-jumps a {
  min-height: 48px;
  border-color: var(--cheers-component-border);
  border-radius: var(--cheers-component-button-radius);
  background-color: var(--cheers-component-background);
  color: var(--cheers-component-heading);
  font-size: 16px;
  font-weight: 700;
}
html body .cpf-page .cpf-contents a,
html body.parks-landing-page main [data-parks-library-blog] .cheers-article-toc a {
  min-height: 48px;
  color: var(--cheers-component-heading);
  font-size: 16px;
  line-height: 1.5;
  text-underline-offset: 4px;
}
html body .cpf-page :is(.cpf-jumps,.cpf-contents) a:hover,
html body.parks-landing-page main [data-parks-library-blog] .cheers-article-toc a:hover {
  color: var(--cheers-component-accent);
  text-decoration: underline;
}
html body.parks-landing-page main [data-parks-library-blog] .cheers-article-toc a:hover {
  color: var(--cheers-component-accent) !important;
}
html body .cpf-page :is(.cpf-jumps,.cpf-contents) a:focus-visible,
html body.parks-landing-page main [data-parks-library-blog] .cheers-article-toc a:focus-visible {
  outline: 3px solid var(--cheers-component-focus);
  outline-offset: 3px;
}