/* Shared control scale for public, account, generator and blog headers. */
:root { --header-control-height: 44px; --header-control-radius: 11px; --header-control-size: 14px; }
:is(.next-header,.saas-header,.seo-header,.site-header,.blog-header,.topbar) :is(nav,.topbar-actions,.top-actions,.blog-header-actions) > :is(a,button) {
  min-height: var(--header-control-height);
  border-radius: var(--header-control-radius);
  font-family: var(--font-manrope), Manrope, sans-serif;
  font-size: var(--header-control-size);
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
:is(.next-header,.saas-header,.seo-header,.site-header,.blog-header,.topbar) nav > a,
:is(.topbar-actions,.blog-header-actions) > a { display: inline-flex; padding: 9px 12px; }
:is(.next-header,.saas-header,.seo-header,.site-header,.blog-header,.topbar) :is(nav,.topbar-actions,.top-actions,.blog-header-actions) > :is(.button,.blog-cta,.next-primary-link,.next-management-link) { padding: 10px 16px; }
:is(.next-header,.saas-header,.seo-header,.site-header,.blog-header,.topbar) :is(a,button):focus-visible { outline: 3px solid #7056f5; outline-offset: 3px; }
:is(.next-header,.saas-header,.seo-header,.site-header,.blog-header,.topbar) :is(a,button) > svg { flex-shrink: 0; width: 18px; height: 18px; }
.topbar .top-actions .account-link strong { font-size: 14px; }
.topbar .top-actions .account-link small { font-size: 12px; }
.topbar .top-actions .account-link b { font-size: 11px; }
@media (max-width: 760px) {
  :is(.saas-header,.seo-header,.site-header,.blog-header,.topbar) { flex-wrap: wrap; height: auto; min-height: 64px; padding-block: 12px; row-gap: 10px; }
  :is(.saas-header,.seo-header,.site-header,.blog-header,.topbar) > :is(.brand,.saas-brand,.blog-brand,.logo) { flex-shrink: 0; }
  :is(.saas-header,.seo-header,.site-header,.blog-header,.topbar) :is(nav,.topbar-actions,.top-actions,.blog-header-actions) { min-width: 0; flex-wrap: wrap; }
  :root { --header-control-height: 40px; --header-control-size: 12px; }
  :is(.next-header,.saas-header,.seo-header,.site-header,.blog-header,.topbar) :is(nav,.topbar-actions,.top-actions,.blog-header-actions) > :is(a,button) { padding: 8px 10px; }
  .next-header nav .next-account-link,.topbar .top-actions .mobile-account-button { width: 40px; height: 40px; padding: 0; flex-shrink: 0; }
  .topbar .top-actions .mobile-manager-button { min-width: 40px; }
  .topbar .top-actions .mobile-account-button b { right: 0; top: 0; }
}
@media (max-width: 420px) {
  .next-header { gap: 10px; padding-inline: 12px; }
  .next-header nav { gap: 6px; }
  .next-header nav .next-primary-link { padding-inline: 9px; }
}