.site-nav {
  background: #1c2430;
  padding: 12px 0;
}
/* Same max-width/centering/padding as .page (css/style.css), so the
   dropdown and login info line up with the content panel below instead of
   sitting flush against the viewport edge. */
.site-nav-inner {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.site-nav-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-nav-label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #b9c2d0;
  white-space: nowrap;
}
.site-nav-select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #eef0f4;
  background: #2a3444;
  border: 1px solid #3c4658;
  border-radius: 6px;
  padding: 7px 12px;
  cursor: pointer;
}
.site-nav-select:hover { border-color: #5b6b85; }
.site-nav-select:focus-visible { outline: 2px solid #8fabd4; outline-offset: 2px; }

.auth-widget {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
}
.auth-email { color: #b9c2d0; }
.auth-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #eef0f4;
  background: #2a3444;
  border: 1px solid #3c4658;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
}
.auth-btn:hover { border-color: #5b6b85; }
.auth-btn:focus-visible { outline: 2px solid #8fabd4; outline-offset: 2px; }