/* Quiet, shared header controls for the public site and Circle. */
body.landing-modern .landing-header .landing-circle-wordmark,
body.community-page .community-top .circle-wordmark {
  gap: 9px;
  color: #e8e9ec;
  transition: color .18s ease;
}
body.landing-modern .landing-header .landing-circle-wordmark:hover,
body.community-page .community-top .circle-wordmark:hover { color: #fff; }
body.landing-modern .landing-header .landing-circle-wordmark:focus-visible,
body.community-page .community-top .circle-wordmark:focus-visible { outline: 2px solid #a995cc; outline-offset: 5px; border-radius: 4px; }
body.landing-modern .landing-header .landing-circle-wordmark .circle-logo,
body.community-page .community-top .circle-wordmark .circle-logo {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  color: #d5d7df;
}
body.landing-modern .landing-header .landing-circle-wordmark .circle-logo::before,
body.community-page .community-top .circle-wordmark .circle-logo::before {
  content: '';
  position: absolute;
  inset: 5px;
  width: auto;
  height: auto;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  transform: none;
  opacity: 1;
}
body.landing-modern .landing-header .landing-circle-wordmark .circle-logo::after,
body.community-page .community-top .circle-wordmark .circle-logo::after {
  content: '';
  position: absolute;
  inset: 10px;
  width: auto;
  height: auto;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: none;
  opacity: 1;
}
body.landing-modern .landing-header .landing-circle-wordmark .circle-logo b,
body.community-page .community-top .circle-wordmark .circle-logo b { display: none; }
body.landing-modern .landing-header .landing-circle-wordmark small,
body.community-page .community-top .circle-wordmark small { color: #8f929c; }

body.landing-modern .landing-header-actions :is(.landing-guest-cta,.landing-auth-cta),
body.community-page .community-top nav > a.community-studio-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid #3c3e47;
  border-radius: 10px;
  background: #1b1d22;
  box-shadow: none;
  color: #e9e9ed;
  font: 700 11px Vazirmatn, sans-serif;
  text-decoration: none;
  transform: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
body.landing-modern .landing-header-actions :is(.landing-guest-cta,.landing-auth-cta):hover,
body.community-page .community-top nav > a.community-studio-link:hover {
  border-color: #777982;
  background: #282a30;
  box-shadow: none;
  color: #fff;
  transform: none;
}
body.landing-modern .landing-header-actions :is(.landing-guest-cta,.landing-auth-cta):focus-visible,
body.community-page .community-top nav > a.community-studio-link:focus-visible { outline: 2px solid #a995cc; outline-offset: 3px; }
body.landing-modern .landing-header-actions .landing-auth-cta svg,
body.community-page .community-top .community-studio-link svg { width: 18px; height: 18px; flex: none; }

@media (prefers-reduced-motion: reduce) {
  body.landing-modern .landing-header-actions :is(.landing-guest-cta,.landing-auth-cta),
  body.community-page .community-top nav > a.community-studio-link { transition: none; }
}