.hourmeet-logo-mark {
  display: inline-block;
  flex: none;
  width: 1.141em;
  height: 1em;
  margin-right: .14em;
  vertical-align: -.13em;
  color: currentColor;
}
.hourmeet-logo-accent {
  color: var(--hourmeet-logo-accent, var(--hourmeet-user-accent, var(--workspace-accent, #0758F5))) !important;
}

/* The cover uses a blue gradient: keep the symbol and "hour" white,
   with "meet" and the symbol accent in brand mint. */
body[data-header-surface="marketing"] .site-header .brand {
  --hourmeet-logo-accent: #b8ffe0;
}

.pv-brand .hourmeet-logo-mark { margin-right: 0; }

/* Fixed symbol/wordmark geometry across every header, loader and illustration. */
.hourmeet-logo-lockup {
  display: inline-block;
  flex: none;
  width: 6.03125em;
  height: auto;
  aspect-ratio: 386 / 64;
  max-width: 100%;
  overflow: visible;
  vertical-align: -.1em;
}
.hourmeet-sidebar-mark { display: none; }
@media(min-width:761px) {
  .sidebar-collapsed .side > .logo .hourmeet-logo-lockup { display: none; }
  .sidebar-collapsed .side > .logo .hourmeet-sidebar-mark { display: inline-block; }
}

/* Headings/messages receive focus after transitions for assistive technology.
   Only interactive controls need a visible keyboard focus ring. */
[tabindex="-1"]:not(:is(a,button,input,select,textarea,summary,[contenteditable="true"],[role="button"],[role="link"],[role="tab"],[role="checkbox"],[role="switch"],[role="radio"],[role="combobox"],[role="textbox"],[role="slider"],[role="spinbutton"],[role="menuitem"],[role="option"])):focus{outline:none!important}