/* Shared website chrome, isolated from the tutorial's article typography. */
html.help-site-document {
  scroll-padding-top: 100px;
}
.help-site-page .pi-site-header {
  -webkit-font-smoothing: antialiased;
}
.help-site-page .pi-site-header,
.help-site-page .help-site-footer {
  line-height: normal;
}
.help-site-page .pi-site-header a,
.help-site-page .help-site-footer a {
  text-decoration: none;
}
.help-site-page .help-site-footer :where(h3, p) {
  margin: 0;
}
.help-site-page .help-site-footer p {
  margin-top: 20px;
}
.help-site-page .help-site-footer a {
  color: inherit;
}
.help-site-page .help-site-footer a:hover {
  color: var(--hp-blue);
}
.help-site-page .help-site-footer img {
  display: block;
  max-width: 100%;
  height: auto;
}
.help-site-page .help-site-footer .help-lang {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
  color: var(--hp-muted);
  line-height: 1.8;
}
.help-site-page .help-sidebar-inner {
  top: 96px;
}
@media (min-width: 721px) {
  .help-site-page .help-sidebar-inner {
    max-height: calc(100vh - 112px);
  }
}
@media print {
  .help-site-page .pi-site-header,
  .help-site-page .help-site-footer {
    display: none;
  }
}