/* Shared navigation controls for the homepage and pricing. */
.header .github-stars,.header .language-toggle,.header .icon-button,.header .login-link{min-height:40px;border:0;background:transparent;box-shadow:none;color:#c6c6c6;border-radius:7px;outline-offset:3px}
.header .github-stars{gap:8px;padding:7px 9px;font:600 13px/1.4 var(--body,var(--font-body,system-ui))}
.header .github-stars svg{width:20px;height:20px}.header .language-toggle{gap:7px;padding:7px 8px;min-width:54px;font-size:12px}
.header .github-stars:hover,.header .language-toggle:hover,.header .icon-button:hover,.header .login-link:hover{border:0;background:#ffffff08;color:var(--accent)}
.header .github-stars:focus-visible,.header .language-toggle:focus-visible,.account-trigger:focus-visible,.account-panel a:focus-visible,.account-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.header .home-user,.header .user-chip{gap:0;flex-shrink:0;min-height:40px;font-size:13px}.header .account-menu{position:relative;border:0;margin:0;padding:0}
.header .account-trigger{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;border:0;border-radius:7px;min-height:40px;padding:7px;color:var(--accent);cursor:pointer;background:transparent}
.header .account-trigger::-webkit-details-marker{display:none}.header .account-trigger::after{display:none}.header .account-trigger>svg:first-child{width:24px;height:24px}.header .account-chevron{width:10px;height:10px;color:#aaa;transition:transform .16s}.header .account-menu[open] .account-chevron{transform:rotate(180deg)}
.header .account-trigger:hover,.header .account-menu[open] .account-trigger{background:#ffffff08}
.header .account-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:100;display:flex;flex-direction:column;align-items:stretch;width:270px;max-width:calc(100vw - 36px);padding:8px;background:#242424;border:1px solid #414141;border-radius:12px;box-shadow:0 16px 48px #0006;color:#eee;white-space:normal}
.header .account-profile{padding:11px 12px 15px;border-bottom:1px solid #383838;margin-bottom:5px}.header .account-caption{display:block;font-size:10px;line-height:1.6;color:#888;margin-bottom:5px}.header .account-email{display:block;max-width:none;overflow-wrap:anywhere;white-space:normal;font-size:13px;line-height:1.6;color:#ddd}
.header .account-link,.header .account-signout{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:6px;background:transparent;font:400 13px/1.6 var(--body,var(--font-body,system-ui));text-align:left;letter-spacing:0;color:#ccc;text-decoration:none;cursor:pointer}
.header .account-link{justify-content:space-between}.header .account-link>span{color:#888}.header .account-signout svg{width:17px;height:17px}.header .account-link:hover,.header .account-signout:hover{background:#303030;color:var(--accent)}
@media(max-width:650px){.header .github-stars{padding-inline:6px;font-size:12px}.header .language-toggle{min-width:38px;padding:7px 5px}.header .language-toggle svg{display:none}.header .account-trigger{padding:7px 3px;gap:3px}.header .account-trigger>svg:first-child{width:23px;height:23px}.header .account-panel{top:calc(100% + 10px)}}
@media(prefers-reduced-motion:reduce){.header .account-chevron{transition:none}}

/* Align the three navigation icons and their labels on a shared center line. */
.header .github-stars,.header .language-toggle,.header .login-link,.header .icon-button,.header .account-trigger{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;line-height:1;vertical-align:middle}
.header .github-stars svg,.header .language-toggle svg,.header .login-link svg,.header .icon-button svg,.header .account-trigger>svg:first-child{width:22px;height:22px;flex-shrink:0}
.header .github-stars [data-star-count],.header .language-toggle span{display:block;font-size:16px;font-weight:600;line-height:1}
@media(max-width:650px){.header .github-stars [data-star-count],.header .language-toggle span{font-size:14px}}

/* Optical alignment for the GitHub mark. */
.header .github-stars svg{transform:translateY(-2px)}