/* Shared rhythm below the site header. Landing sections keep their own scale. */
:root {
  --internal-page-top: 32px;
  --internal-back-gap: 24px;
}
.support-page,
.cabinet-page,
.legal-page,
.account-flow-page,
.blog-page,
.detail-shell,
.admin-page,
.form-page {
  padding-top: var(--internal-page-top);
}
.support-breadcrumb,
.legal-back,
.flow-back,
.flow-frame > .flow-back,
.blog-page > .breadcrumbs,
.detail-shell > .breadcrumbs,
.admin-page > .breadcrumbs,
.form-page > .breadcrumbs {
  margin-bottom: var(--internal-back-gap);
}
.support-intro,
.flow-intro {
  padding-top: 0;
}
/* The root scroll padding already clears the fixed header. Do not add it twice. */
.cabinet-heading,
.cabinet-section,
.article-content h2,
.article-content h3,
.article-content h4,
.legal-section {
  scroll-margin-top: 0;
}
.support-breadcrumb {
  min-height: 36px;
}
.support-page-heading {
  align-items: flex-end;
}
@media (max-width: 768px) {
  :root {
    --internal-page-top: 22px;
    --internal-back-gap: 20px;
  }
  .support-page-heading {
    align-items: flex-start;
  }
}
@media print {
  .legal-page { padding-top: 0; }
}