[hidden] { display: none !important; }
.site-header { position: relative; z-index: 100; background: #efeeeb; border-bottom: 1px solid #d9d8d4; }
.site-header-inner { width: min(1100px, calc(100% - 48px)); min-height: 70px; margin-inline: auto; display: flex; align-items: center; gap: 32px; }
.site-brand { display: inline-flex; align-items: center; gap: 10px; flex: none; color: #202124; font-size: 16px; font-weight: 600; letter-spacing: -.04em; white-space: nowrap; }
.site-brand > span:last-child > span { color: #315cc0; }
.site-brand-mark { display: flex; align-items: center; gap: 2px; height: 23px; }
.site-brand-mark i { width: 3px; height: 13px; background: #222; border-radius: 2px; transform: rotate(-25deg); }
.site-brand-mark i:nth-child(2) { height: 20px; }
.site-brand-mark i:nth-child(3) { height: 16px; }
.site-brand-mark i:nth-child(4) { height: 10px; }
.site-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; color: #66686c; font-size: 13px; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #315cc0; }
.site-account { position: relative; display: flex; align-items: center; flex: none; }
.account-placeholder { width: 110px; height: 36px; border: 1px solid #dfded9; border-radius: 6px; background: #e7e6e2; }
.account-login, .account-menu-button { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 13px; border: 1px solid #dadbdc; border-radius: 6px; color: #202124; background: transparent; font: inherit; font-size: 12px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.account-login:hover, .account-menu-button:hover, .account-menu-button[aria-expanded="true"] { border-color: #8d9ac2; background: #f8f9fc; }
.account-menu-button #account-name { display: block; max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
.account-chevron { width: 7px; height: 7px; flex: none; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.account-menu-panel { position: absolute; top: 100%; right: 0; width: 228px; padding: 7px; border: 1px solid #d9d8d4; border-radius: 8px; background: #f8f7f3; box-shadow: 0 14px 34px rgba(33, 38, 47, .12); }
.account-menu-email { display: block; padding: 9px 10px 10px; overflow: hidden; border-bottom: 1px solid #e3e2de; color: #777a80; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-panel a, .account-menu-panel button { width: 100%; min-height: 38px; display: flex; align-items: center; padding: 8px 10px; border: 0; border-radius: 5px; color: #30343a; background: transparent; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.account-menu-panel a:hover, .account-menu-panel button:hover { color: #315cc0; background: #e9edf6; }
.account-menu-panel button { border-top: 1px solid #e3e2de; border-radius: 0; }
.account-menu-error { margin: 6px 10px; color: #a33737; font-size: 11px; line-height: 1.5; }
@media (max-width: 620px) {
  .site-header-inner { width: calc(100% - 36px); min-height: 64px; flex-wrap: wrap; gap: 0; padding-block: 12px; }
  .site-brand { font-size: 14px; }
  .site-account { margin-left: auto; }
  .site-nav { order: 3; width: 100%; gap: 20px; margin-left: 0; padding-top: 10px; font-size: 12px; }
  .account-menu-button #account-name { max-width: 110px; }
}