/* ==========================================================================
   Guide web chrome — NOT part of the print pipeline (guide.css stays shared
   with Puppeteer). Just the on-site back-nav + PDF download bar.
   ========================================================================== */

.guide-webbar {
  max-width: 880px;
  margin: 0 auto 1.25rem;
  padding: 0 0.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem 1.5rem;
  font-family: var(--ff-body);
  font-size: 0.8125rem;
  color: var(--clr-text-muted);
}

.guide-webbar a {
  color: var(--clr-tangerine-dark);
  text-decoration: none;
  font-weight: 600;
}

.guide-webbar a:hover {
  text-decoration: underline;
}

.guide-webbar__downloads {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.guide-webbar__intro {
  max-width: 880px;
  margin: 0 auto 1.25rem;
  padding: 0 0.25rem;
  font-family: var(--ff-body);
  font-size: 0.8125rem;
  color: var(--clr-text-muted);
}

@media print {
  .guide-webbar,
  .guide-webbar__intro { display: none; }
}