.rd-site-header {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid var(--gray-200, #E7E5E4);
  color: var(--gray-700, #44403C);
}

@media (min-width: 761px) {
  .rd-header-brand-group:has(.rd-header-back) .rd-header-back {
    position: absolute;
    left: -46px;
  }
}

.rd-header-brand-group,
.rd-header-actions,
.rd-header-nav {
  display: flex;
  align-items: center;
}

.rd-header-brand-group { gap: 10px; min-width: 0; }
.rd-header-actions { gap: 8px; margin-left: auto; }
.rd-header-nav { gap: 2px; margin-left: auto; }

.rd-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.rd-brand:hover { text-decoration: none; }

.rd-brand-mark {
  width: 25px;
  height: 30px;
  flex: 0 0 25px;
  transform: translateY(-2px);
}

.rd-brand-wordmark {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--gray-900, #1C1917);
  white-space: nowrap;
}

.rd-brand-wordmark .rera { color: var(--teal, #0D9488); }

.rd-header-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--teal-light, #CCFBF1);
  color: var(--teal-hover, #0F766E);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.rd-header-back,
.rd-nav-link,
.rd-header-meta {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.rd-header-back {
  width: 36px;
  flex: 0 0 36px;
  border: 1px solid var(--gray-200, #E7E5E4);
  background: var(--card, #FFFFFF);
  color: var(--gray-500, #78716C);
  text-decoration: none;
}

.rd-header-back:hover {
  border-color: var(--teal, #0D9488);
  color: var(--teal, #0D9488);
  text-decoration: none;
}

.rd-header-back svg { width: 17px; height: 17px; }

.rd-nav-link {
  padding: 0 10px;
  color: var(--gray-500, #78716C);
  font-weight: 550;
  text-decoration: none;
}

.rd-nav-link:hover,
.rd-nav-link[aria-current="page"] {
  background: var(--gray-100, #F5F5F4);
  color: var(--teal-hover, #0F766E);
  text-decoration: none;
}

.rd-nav-link.rd-account-link {
  margin-left: 4px;
  border: 1px solid #99F6E4;
  background: #F0FDFA;
  color: #0F766E;
  font-weight: 700;
}

.rd-nav-link.rd-account-link:hover { background: #CCFBF1; }

.rd-header-meta {
  padding: 0 9px;
  color: var(--gray-500, #78716C);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
}

.rd-site-header a:focus-visible {
  outline: 3px solid rgba(13, 148, 136, .28);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .rd-site-header {
    min-height: 0;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding: 10px 0 8px;
  }

  .rd-header-brand-group { min-height: 36px; }
  .rd-brand-wordmark { font-size: 19px; }
  .rd-brand-mark { width: 22px; height: 27px; flex-basis: 22px; }
  .rd-header-badge { display: none; }

  .rd-header-nav {
    order: 3;
    width: 100%;
    margin-left: 0;
    padding: 2px 0;
    gap: 2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  .rd-header-nav::-webkit-scrollbar { display: none; }
  .rd-nav-link { min-height: 34px; padding: 0 9px; font-size: 12px; }
  .rd-nav-link.rd-account-link { margin-left: 2px; }
  .rd-header-actions { margin-left: auto; gap: 4px; }
  .rd-header-actions.rd-header-actions-wide {
    order: 3;
    width: 100%;
    margin-left: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .rd-header-actions.rd-header-actions-wide::-webkit-scrollbar { display: none; }
  .rd-header-meta { max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
}