/* Gamma PRESS keeps its original fixed floating header and page content. */
body:has(> header[data-ai-network-service-header]) { display: block; }
header[data-ai-network-service-header] {
  display: flex;
  justify-content: flex-end;
  width: min(720px, 100%);
  margin: 0 auto 20px;
}
header[data-ai-network-service-header] + main { margin-inline: auto; }
@media (max-width: 720px) {
  :root { --gamma-network-header-top: 20px; }
  header#site-header { top: var(--gamma-network-header-top); height: auto; }
  #site-header .header-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto;
    height: auto;
    min-height: 0;
    gap: 8px;
    padding: 10px;
  }
  #site-header .header-actions { display: contents; }
  #site-header .header-logo { grid-column: 1; grid-row: 1; min-width: 0; }
  #site-header .header-logo img { max-width: 100%; }
  #site-header .ai-network { grid-column: 2; grid-row: 1; justify-self: end; }
  #site-header .ai-network > summary { min-height: 44px; }
  #site-header .btn-login,
  #site-header .btn-register {
    grid-row: 2;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 44px;
    padding: 10px;
  }
  #site-header .btn-login { grid-column: 1; }
  #site-header .btn-register { grid-column: 2; }
  /* 44+8+44+20+2px border =118px. Keep content below the floating header. */
  #site-header ~ main { padding-top: calc(var(--gamma-network-header-top) + 118px); }
  #site-header ~ main .site-breadcrumbs { padding-top: 12px; }
  #site-header ~ main .hero-body:first-child { margin-top: 0; }
  /* Its old100px white spacer would otherwise cover headings/breadcrumbs. */
  #site-header ~ main .hero-sction::after { display: none; }
  #site-header ~ main [id] { scroll-margin-top: calc(var(--gamma-network-header-top) + 132px); }
}
@media (max-width: 576px) {
  :root { --gamma-network-header-top: 14px; }
}