/* Shared version switcher, independent of homepage navigation. */
.brand-group{display:flex;align-items:center;gap:12px;flex-shrink:0}
.version-picker{position:relative;line-height:1.4;letter-spacing:0;text-shadow:none}
.version-trigger{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:12px;font-weight:550;padding:5px 9px;min-height:30px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:transparent;user-select:none}
.version-trigger::-webkit-details-marker{display:none}
.version-trigger>span{display:inline-block;transition:transform .2s}
.version-picker[open] .version-trigger>span{transform:rotate(180deg)}
.version-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.version-list{position:absolute;z-index:45;right:0;top:calc(100% + 10px);width:210px;padding:9px;border:1px solid #ffffff25;border-radius:12px;background:rgba(18,26,36,.97);box-shadow:0 14px 45px #0005;backdrop-filter:blur(16px);animation:version-enter .2s ease both}
.version-list p{color:#9caaba;font-size:10px;letter-spacing:.12em;margin:5px 10px 8px}
.version-list a{display:flex;align-items:center;gap:17px;padding:12px 11px;border-radius:7px;color:#eef4fa;font-size:13px;white-space:nowrap;text-decoration:none}
.version-list a>span{font-size:11px;color:#a8b6c6}
.version-list a:hover,.version-list a:focus-visible{background:#ffffff14;text-decoration:none}
.version-list a[aria-current=page]{background:#75c2f21c}
.version-list a[aria-current=page] strong{color:#8bcff8}
@keyframes version-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.brand-group{gap:9px}.version-trigger{min-height:36px}.version-list{right:0;width:195px}}
@media(prefers-reduced-motion:reduce){.version-list{animation:none}.version-trigger>span{transition:none}}

/* Keep version switching immediately after the theme control. */
.header-actions{display:flex;align-items:center;gap:20px;min-width:0}
.header-actions>.version-picker{flex-shrink:0}
@media(max-width:760px){
  .site-header{flex-wrap:wrap;row-gap:12px}
  .header-actions{width:100%;gap:10px;justify-content:space-between}
  .site-header .header-actions>.nav{flex:1;min-width:0;width:auto;gap:8px;justify-content:space-between}
  .site-header .header-actions>.nav a{font-size:14px}
}

.header-actions>.theme-toggle{flex-shrink:0}
@media(max-width:360px){.site-header .header-actions>.nav{gap:6px}}