.site-header.site-header--unified,
.site-header.site-header--unified * {
  box-sizing: border-box;
}

.site-header.site-header--unified {
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  height: 63px;
  min-height: 63px;
  border: 0;
  border-bottom: 1px solid #d2ddeb;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #172033;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  font-style: normal;
  padding: 0 24px;
}

.site-header--unified .site-brand {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 8px;
  width: max-content;
  color: #172033;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  font-size: 22.5px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: normal;
  line-height: normal;
  text-decoration: none;
}

.site-header--unified .site-brand > span:not(.home-code-brand-mark) {
  display: block;
  transform: translateX(-1px);
}

.site-header--unified .site-brand .home-code-brand-mark {
  position: relative;
  display: inline-flex;
  width: 39.6px;
  height: 39.6px;
  align-items: center;
  justify-content: center;
  flex: 0 0 39.6px;
  margin: 0;
  border-radius: 7.5px;
  background: #ef3f34;
  color: #fff;
  box-shadow: none;
  transform: none;
}

.site-header--unified .site-brand .home-code-brand-mark-glyph {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 26.4px;
  height: auto;
  fill: currentColor;
  transform: translate(-50%, -50%);
}

.site-header--unified .main-nav {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  gap: 28px;
  color: #172033;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: normal;
  line-height: normal;
}

.site-header--unified .main-nav a {
  color: #172033;
  font: inherit;
  text-decoration: none;
  transition: color 140ms ease;
}

.site-header--unified .main-nav a:hover {
  color: #c92b24;
}

.site-header--unified .header-tool-link {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  justify-self: end;
  min-height: 42px;
  border: 1px solid #232733;
  border-radius: 6px;
  background: #232733;
  box-shadow: none;
  color: #fff;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: normal;
  line-height: 1;
  padding: 9px 16px;
  text-decoration: none;
  white-space: nowrap;
}

.site-header--unified .header-tool-link:hover {
  border-color: #232733;
  background: #232733;
  color: #fff;
  transform: none;
}

@media (max-width: 980px) {
  .site-header.site-header--unified {
    grid-template-columns: 1fr auto;
  }

  .site-header--unified .main-nav {
    display: none;
  }
}

@media (max-width: 640px) {
  .site-header.site-header--unified {
    padding: 0 14px;
  }
}

/* Keep the canonical header authoritative over legacy tool-page chrome. */
body:not(.workspace-mode):not(.text-workspace-mode) .site-header.site-header--unified.site-header--unified.site-header--unified {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 63px !important;
  min-height: 63px !important;
  border: 0 !important;
  border-bottom: 1px solid #d2ddeb !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #172033 !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-style: normal !important;
  padding: 0 24px !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .site-brand {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  gap: 8px !important;
  width: max-content !important;
  color: #172033 !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-size: 22.5px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: normal !important;
  line-height: normal !important;
  text-decoration: none !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .site-brand > span:not(.home-code-brand-mark) {
  display: block !important;
  transform: translateX(-1px) !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .site-brand .home-code-brand-mark {
  position: relative !important;
  display: inline-flex !important;
  width: 39.6px !important;
  height: 39.6px !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 39.6px !important;
  margin: 0 !important;
  border-radius: 7.5px !important;
  background: #ef3f34 !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .site-brand .home-code-brand-mark-glyph {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: 26.4px !important;
  height: auto !important;
  fill: currentColor !important;
  transform: translate(-50%, -50%) !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .main-nav {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: center !important;
  gap: 28px !important;
  color: #172033 !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  letter-spacing: normal !important;
  line-height: normal !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .main-nav a {
  color: #172033 !important;
  font: inherit !important;
  text-decoration: none !important;
  transition: color 140ms ease !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .main-nav a:hover {
  color: #c92b24 !important;
  transform: none !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .header-tool-link {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: center !important;
  justify-self: end !important;
  min-height: 42px !important;
  margin: 0 !important;
  border: 1px solid #232733 !important;
  border-radius: 6px !important;
  background: #232733 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  padding: 9px 16px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .header-tool-link:hover {
  border-color: #232733 !important;
  background: #232733 !important;
  color: #fff !important;
  transform: none !important;
}

@media (max-width: 980px) {
  body:not(.workspace-mode):not(.text-workspace-mode) .site-header.site-header--unified.site-header--unified.site-header--unified {
    grid-template-columns: 1fr auto !important;
  }

  body:not(.workspace-mode):not(.text-workspace-mode) .site-header--unified.site-header--unified.site-header--unified .main-nav {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body:not(.workspace-mode):not(.text-workspace-mode) .site-header.site-header--unified.site-header--unified.site-header--unified {
    padding: 0 14px !important;
  }
}