.provider-public-header {
  gap: 12px;
}

.provider-public-benefits-link {
  border: 1px solid var(--provider-border);
  border-radius: 999px;
  color: var(--provider-navy);
  font-size: 0.72rem;
  font-weight: 800;
  margin-left: auto;
  padding: 11px 15px;
  text-decoration: none;
}

.provider-public-benefits-link:hover {
  border-color: var(--provider-blue);
  color: var(--provider-blue);
}

.provider-public-main--auth-only {
  display: block;
  max-width: 780px;
  padding-top: clamp(26px, 5vw, 64px);
}

.provider-public-main--auth-only .provider-auth-card {
  margin: 0 auto;
  width: 100%;
}

.provider-auth-page-heading {
  border-bottom: 1px solid var(--provider-border);
  margin: -2px -2px 22px;
  padding: 10px 6px 24px;
}

.provider-auth-page-heading h1 {
  color: var(--provider-navy);
  font-size: clamp(2rem, 5vw, 3.35rem);
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 10px 0 12px;
}

.provider-auth-page-heading p {
  color: var(--provider-muted);
  font-size: 0.82rem;
  line-height: 1.65;
  margin: 0;
  max-width: 620px;
}

.provider-auth-status-note {
  background: var(--provider-soft);
  border-left: 3px solid var(--provider-blue);
  border-radius: 0 10px 10px 0;
  margin-top: 16px !important;
  padding: 10px 12px;
}

.provider-auth-status-note strong {
  color: var(--provider-navy);
}

.provider-public-main--auth-only .provider-auth-tabs {
  margin-top: 0;
}

@media (max-width: 620px) {
  .provider-public-header {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .provider-public-benefits-link {
    display: none;
  }

  .provider-public-main--auth-only {
    padding-top: 18px;
  }

  .provider-auth-page-heading {
    padding: 8px 4px 20px;
  }
}

html[data-theme="dark"] .provider-public-benefits-link {
  color: var(--provider-text);
}