/* One shared, light-mode version of the rounded account navigation. */
nav.site-header { display:flex; align-items:center; gap:clamp(20px,3vw,48px); flex:0 0 auto; position:relative; z-index:30; box-sizing:border-box; width:calc(100% - 48px); max-width:none; margin:20px 24px 12px; padding:20px 28px; border:1px solid #ded9e8; border-radius:24px; background:var(--brand-paper); box-shadow:0 4px 20px #29213d05; color:#282435; }
.site-header .site-brand { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; font:800 1.8rem/1.2 Nunito,sans-serif; letter-spacing:-.055em; text-decoration:none; color:#282435; }
.site-brand-face { display:flex; align-items:center; justify-content:center; gap:6px; width:44px; height:46px; border-radius:14px; background:radial-gradient(ellipse at 50% 30%,#293b50,#141c2c 80%); box-shadow:inset 0 2px 4px #ffffff25; }
.site-brand-face i { width:7px; height:17px; border-radius:5px; background:#2ee6f7; box-shadow:0 0 9px #2ee6f7; }
.site-pages,.site-actions { display:flex; align-items:center; gap:24px; min-width:0; }
.site-actions { margin-left:auto; gap:20px; }
.site-header .site-page { position:relative; padding:16px 0; color:#6b6577; font:700 1rem/1.4 Nunito,sans-serif; white-space:nowrap; text-decoration:none; }
.site-header .site-page[aria-current="page"] { color:#6246b4; }
.site-header .site-page[aria-current="page"]::after { content:""; position:absolute; bottom:2px; left:0; right:0; height:3px; border-radius:3px; background:#9777d4; }
.site-header .site-page.nav-signin { display:inline-flex; align-items:center; justify-content:center; min-height:44px; box-sizing:border-box; padding:10px 16px; border:1.5px solid #7256b8; border-radius:12px; background:#f0eafb; color:#493184; font-weight:900; }
.site-header .site-page.nav-signin:hover,.site-header .site-page.nav-signin[aria-current="page"] { background:#e7def6; border-color:#60429e; color:#382265; }
.site-header .site-page.nav-signin[aria-current="page"]::after { display:none; }
.site-header .nav-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 20px; border:1px solid transparent; border-radius:14px; background:transparent; color:#50485f; font:700 1rem/1.3 Nunito,sans-serif; text-decoration:none; cursor:pointer; box-shadow:none; }
.site-header .nav-button-primary { background:#ddd0fa; color:#302147; }
.site-header .nav-button-primary:hover { background:#cdb9f5; }
.site-header .nav-voice:hover,.site-header .nav-voice[aria-pressed="true"] { background:#f0eaf8; color:#6246b4; }
.site-header svg { width:22px; height:22px; flex-shrink:0; }
.site-header :is(a,button,summary):focus-visible { outline:3px solid #8d6acb; outline-offset:4px; }
.site-header .nav-button:disabled { opacity:.55; cursor:wait; }
.account-menu { position:relative; flex-shrink:0; }
.account-menu > summary { display:flex; align-items:center; gap:12px; min-height:48px; cursor:pointer; list-style:none; border-radius:12px; color:#302a3b; font:700 1rem/1.4 Nunito,sans-serif; }
.account-menu > summary::-webkit-details-marker { display:none; }
.account-menu > summary > svg { width:18px; color:#81758d; transition:transform .15s; }
.account-menu[open] > summary > svg { transform:rotate(180deg); }
.account-avatar { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:42px; height:42px; border-radius:50%; background:#eee7f7; color:#7856af; font:600 1.05rem/1 Nunito,sans-serif; }
.account-name { max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-dropdown { position:absolute; top:calc(100% + 26px); right:0; width:290px; max-width:calc(100vw - 40px); padding:10px; border:1px solid #ded9e8; border-radius:22px; background:var(--brand-paper); box-shadow:0 16px 48px #35244614; }
.account-identity { display:flex; align-items:center; gap:14px; padding:14px 12px 22px; }
.account-identity strong { display:block; color:#302a3b; font-size:1rem; overflow-wrap:anywhere; }
.account-identity span:not(.account-avatar) { display:block; margin-top:3px; color:#83798c; font-size:.875rem; }
.account-links { border-block:1px solid #e6e0ec; padding:10px 0; margin-bottom:8px; }
.account-dropdown a { display:flex; align-items:center; gap:16px; padding:14px; border-radius:10px; color:#383040; font:600 1rem/1.4 Nunito,sans-serif; text-decoration:none; min-height:48px; }
.account-dropdown a:hover { background:#f3edf9; }
.account-dropdown svg { color:#8c8099; }
.sentiment-analysis[hidden] { display:none !important; }
.site-header .nav-button { white-space:nowrap; flex-shrink:0; }
.site-header .site-actions { flex-shrink:0; }
.site-header .site-pages { gap:18px; }
nav.site-header { gap:24px; padding:14px 20px; }
.nav-short,.nav-menu-toggle { display:none; }
@media(max-width:1200px) { .account-name { display:none; } nav.site-header { gap:16px; } .site-header .site-pages { gap:14px; } .site-header .nav-button { padding-inline:14px; } }
@media(max-width:900px) {
  nav.site-header { width:calc(100% - 24px); margin:12px 12px 8px; padding:10px 12px; border-radius:16px; gap:10px; flex-wrap:nowrap; }
  .site-header .site-brand { font-size:1.4rem; gap:7px; }
  .site-brand-face { width:30px; height:34px; }
  .site-header .site-pages { display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; padding:12px 20px; border:1px solid #ded9e8; border-radius:16px; background:var(--brand-paper); box-shadow:0 12px 30px #35244614; flex-wrap:wrap; gap:12px 24px; }
  .site-header.menu-open .site-pages { display:flex; }
  .site-header .site-page { padding:10px 0; }
  .nav-menu-toggle { display:block; margin-left:auto; min-height:44px; padding:8px; border:0; background:transparent; color:#50485f; font:700 .875rem Nunito,sans-serif; }
  .site-header .site-actions { margin-left:0; gap:8px; }
  .site-header .nav-button { font-size:.875rem; padding:10px 12px; min-height:44px; }
  .nav-full { display:none; } .nav-short { display:inline; }
  .site-actions > .nav-button > svg { display:none; }
  .account-menu > summary { gap:2px; min-height:44px; }
  .account-avatar { width:32px; height:32px; }
  .account-dropdown { top:calc(100% + 12px); }
}
@media(max-width:380px) { .site-brand .beta-badge { display:none; } .site-header .site-brand { font-size:1.25rem; } .site-header .nav-button { padding-inline:8px; } }
@media(prefers-reduced-motion:reduce) { .account-menu > summary > svg { transition:none; } }

.beta-badge {
  display: inline-block;
  padding: .25em .55em;
  border: 1px solid currentColor;
  border-radius: .5rem;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  color: #5545ba;
  background: #eeebf8;
}

.account-signout { border: 0; background: none; color: inherit; font: inherit; cursor: pointer; padding: 0; }

@media(max-width:340px) { .site-brand-face { display:none; } .site-header .site-brand { font-size:1.15rem; } }