/* The entry-page header is the shared visual contract for all front-end pages. */
:is(.global-header,#site-header){position:sticky!important;top:0!important;z-index:50!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:32px!important;width:100%!important;max-width:none!important;min-height:80px!important;height:80px!important;margin:0!important;padding:14px max(24px,calc((100% - 1280px)/2))!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(16px);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif!important;box-sizing:border-box}
:is(.global-header,#site-header)>:is(.global-brand,.logo){display:inline-flex!important;align-items:center!important;justify-self:start!important;gap:10px!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;color:var(--ink)!important;font-size:22px!important;font-weight:750!important;letter-spacing:-.8px!important;line-height:1.2!important;white-space:nowrap;text-decoration:none}
:is(.global-header,#site-header)>:is(.global-brand,.logo)>img{width:36px!important;height:36px!important;object-fit:contain!important;flex:none}
:is(.global-header,#site-header)>nav{display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;gap:23px!important;margin:0!important;padding:0!important;min-width:0!important;white-space:nowrap;font-size:15px!important;overflow:visible!important}
:is(.global-header,#site-header)>nav>a{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.4!important;text-decoration:none}
:is(.global-header,#site-header)>nav>a:after{display:none!important}
:is(.global-header,#site-header)>nav>a:hover,:is(.global-header,#site-header)>nav>a[aria-current=page]{color:var(--brand,var(--green))!important;text-decoration:underline!important;text-underline-offset:6px;text-decoration-thickness:1px}
:is(.global-header,#site-header)>:is(.global-header-actions,.navright){display:flex!important;align-items:center!important;justify-self:end!important;gap:12px!important;margin:0!important;min-width:0!important;white-space:nowrap}
:is(.global-header,#site-header) :is(.global-theme-toggle,.site-theme-toggle){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:34px!important;height:34px!important;padding:7px 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font:inherit!important;font-size:11px!important;white-space:nowrap;transform:none!important}
:is(#site-header .site-theme-toggle,.global-theme-toggle) svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
:is(#site-header .site-theme-toggle,.global-theme-toggle) .theme-moon{display:block}
:is(#site-header .site-theme-toggle,.global-theme-toggle) .theme-sun{display:none}
html[data-theme=dark] :is(#site-header .site-theme-toggle,.global-theme-toggle) .theme-moon{display:none}
html[data-theme=dark] :is(#site-header .site-theme-toggle,.global-theme-toggle) .theme-sun{display:block}
:is(.global-header,#site-header) :is(.global-language,.navright>.ui-select .ui-select-trigger){min-height:34px!important;height:34px!important;padding:7px 9px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font-size:12px!important;line-height:20px!important;transform:none!important}
#site-header .account-button{font-size:12px!important;min-height:34px!important;box-shadow:none!important;transform:none!important}
@media(max-width:1200px){:is(.global-header,#site-header){gap:20px!important}:is(.global-header,#site-header)>nav{gap:14px!important}:is(.global-header,#site-header)>nav>a{font-size:14px!important}}
@media(max-width:1100px){:is(.global-header,#site-header){grid-template-columns:1fr auto!important;height:auto!important;min-height:80px!important;padding:12px 24px 0!important;gap:6px 16px!important}:is(.global-header,#site-header)>nav{grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;justify-content:flex-start!important;gap:25px!important;width:100%!important;overflow-x:auto!important;padding:6px 0 10px!important;scrollbar-width:none}:is(.global-header,#site-header)>nav>a{flex:none;min-height:30px!important}:is(.global-header,#site-header)>:is(.global-header-actions,.navright){grid-column:2!important;grid-row:1!important}}
@media(max-width:600px){:is(.global-header,#site-header){padding-inline:16px!important}:is(.global-header,#site-header)>:is(.global-brand,.logo){font-size:20px!important;gap:7px!important}:is(.global-header,#site-header)>:is(.global-brand,.logo)>img{width:30px!important;height:30px!important}:is(.global-header,#site-header)>:is(.global-header-actions,.navright){gap:7px!important}#site-header .account-trigger-name{display:none}#site-header .account-trigger-credits{font-size:9px!important;padding:4px!important}}
@media(min-width:1101px){:is(.global-header,#site-header){grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important}}
.global-language-trigger{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit}.header-chevron{font-size:12px;color:var(--muted)}
.global-header-menu{position:fixed;inset:auto;margin:0;width:220px;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--field-surface,#fff);color:var(--ink);box-shadow:0 12px 36px #172f291a;font:13px/1.5 Inter,system-ui,sans-serif}
.global-header-menu>a,.global-header-menu>button{display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;text-decoration:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.global-header-menu>a:hover,.global-header-menu>button:hover{background:var(--soft)}.global-header-menu :focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.public-account{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:4px 9px 4px 4px;border:1px solid var(--line);border-radius:24px;background:var(--field-surface,#fff);color:var(--ink);font:12px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.public-account .account-trigger-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#326b5b;color:white;font-size:12px;font-weight:600}.public-account .account-trigger-name{max-width:72px;overflow:hidden;text-overflow:ellipsis}.public-account .account-trigger-credits{padding:6px 8px;border-radius:14px;background:var(--soft);color:var(--muted);font-size:10px}.public-account-title{display:block;padding:8px 12px 0}.public-account-balance{margin:2px 12px 8px;color:var(--muted);font-size:12px}
@media(max-width:600px){.public-account .account-trigger-name{display:none}.public-account .account-trigger-credits{font-size:9px;padding:4px}.public-account{gap:5px}}

/* Header controls carry their own styles on marketing and editor pages alike. */
#site-header .global-language-trigger .ui-select-arrow{display:inline-block!important;width:14px!important;height:14px!important;flex:0 0 14px!important;background:currentColor!important;mask:url('/assets/chevron-down.svg') center/contain no-repeat!important;-webkit-mask:url('/assets/chevron-down.svg') center/contain no-repeat!important;transition:transform .18s}
#site-header .global-language-trigger[aria-expanded=true] .ui-select-arrow{transform:rotate(180deg)}
#site-header>.global-header-actions>.global-button{display:none!important}
#site-header .account-button{font-family:inherit!important;font-size:12px!important}

#site-header .site-beta-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 9px;border-radius:6px;background:var(--ui-selected);color:var(--ui-text);font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap}

/* Beta label decorates the brand without adding a header grid item or width. */
#site-header>.global-brand{position:relative!important}
#site-header .global-brand>.site-beta-badge{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:0;padding:3px 6px;pointer-events:none}
@media(max-width:600px){#site-header .global-brand>.site-beta-badge{font-size:10px;left:calc(100% + 6px);padding:2px 4px}}

/* Brand status is a compact label on every renderer, never a navigation control. */
html body #site-header :is(.global-brand,.logo)>.site-beta-badge{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 position:static!important;inset:auto!important;transform:none!important;
 flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
 height:22px!important;min-height:0!important;max-height:22px!important;
 margin:0!important;padding:0 7px!important;box-sizing:border-box!important;
 border:0!important;border-radius:6px!important;
 background:var(--ui-selected)!important;color:var(--ui-text)!important;
 font-family:inherit!important;font-size:11px!important;font-weight:600!important;
 line-height:22px!important;letter-spacing:0!important;white-space:nowrap!important;
 box-shadow:none!important;pointer-events:none;
}