.site-header .portal-dropdown { position: relative; }
.site-header .portal-dropdown > .portal-trigger {
  display: flex; align-items: center; justify-content: flex-start; gap: 7px;
  width: auto; height: auto; min-height: 44px; padding: 10px 0;
  border: 0; border-radius: 4px; list-style: none; cursor: pointer;
  font: inherit; font-size: 14px; color: #d9e2ef; background: transparent;
}
.portal-trigger::-webkit-details-marker { display: none; }
.site-header .portal-trigger .portal-chevron { width: 14px; height: 14px; transition: transform .16s; }
.site-header .portal-dropdown[open] > .portal-trigger,
.site-header .portal-dropdown > .portal-trigger:hover { color: var(--cyan); }
.portal-dropdown[open] .portal-chevron { transform: rotate(180deg); }
.portal-panel {
  position: absolute; top: calc(100% + 8px); right: 0; min-width: 174px;
  padding: 6px; border: 1px solid #67e8f93a; border-radius: 10px;
  background: #0a1729; box-shadow: 0 16px 40px #0006;
}
.portal-dropdown:not([open]) > .portal-panel { display: none; }
.site-header .portal-panel a {
  display: flex; align-items: center; justify-content: flex-start; gap: 10px;
  padding: 12px 14px; min-height: 44px; border: 0; border-radius: 6px;
  color: #d9e2ef; white-space: nowrap;
}
.site-header .portal-panel a:hover { color: var(--cyan); background: #22d3ee0c; }
.site-header > nav .portal-panel a::after { content: none; }
.portal-panel a > svg { width: 16px; height: 16px; flex-shrink: 0; }
.site-header .portal-trigger:focus-visible,
.site-header .portal-panel a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (width <= 1100px) {
  .site-header .mobile-menu .portal-trigger { width: 100%; padding: 15px 16px; justify-content: space-between; }
  .site-header .mobile-menu .portal-panel { position: static; min-width: 0; margin: 0 8px 8px; padding: 4px; box-shadow: none; background: #05091455; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .portal-trigger .portal-chevron { transition: none; }
}