/* ============================================================================
   Component: page header
   ----------------------------------------------------------------------------
   Emits the <h1> that the audit found missing on all 35 pages, plus an
   optional description and an actions slot. Used via the page_header macro in
   templates/_components/page_header.html.
   ========================================================================== */
.aq-page-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-bottom: var(--space-5);
}
.aq-page-header__text{ min-width: 0; }

.aq-page-header__title{
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
  color: var(--ink);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.aq-page-header__title .bi{ color: var(--ink-muted); font-size: .9em; }

.aq-page-header__desc{
  margin: var(--space-1) 0 0;
  color: var(--ink-muted);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  max-width: 68ch;
}

.aq-page-header__actions{
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}

@media (max-width: 575.98px){
  .aq-page-header{ margin-bottom: var(--space-4); }
  .aq-page-header__title{ font-size: var(--fs-h3); line-height: var(--lh-h3); }
}