.topbar{gap:24px}.ecosystem-brand{flex-shrink:0}.ecosystem-brand strong{font-size:20px;letter-spacing:-.06em}.ecosystem-brand strong span{font-size:16px;color:#64705f;font-weight:500;margin-left:7px}
.project-picker{--picker-ink:#222a21;--picker-surface:#fff;--picker-muted:#f5f7f2;--picker-border:#dbe2d4;--picker-selected:#fff8bd;display:flex;gap:12px;align-items:center;margin-right:auto;padding-left:24px;border-left:1px solid #e1e7da}
.project-picker-label{font-size:11px;color:#77836d;white-space:nowrap}
.project-select-wrap{position:relative;min-width:185px}
.project-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;padding:9px 13px;font:700 14px var(--body-font);text-align:left;color:var(--picker-ink);background:var(--picker-muted);border:1px solid var(--picker-border);border-radius:8px;cursor:pointer}
.project-select-trigger:hover{border-color:#a8b399}
.project-select-trigger[aria-expanded=true]{background:var(--picker-surface);border-color:#8b9978}
.project-select-trigger:focus-visible{outline:2px solid #879453;outline-offset:3px}
.project-select-chevron{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s ease}
.project-select-trigger[aria-expanded=true] .project-select-chevron{transform:rotate(180deg)}
.project-options{position:absolute;z-index:65;top:calc(100% + 7px);left:0;right:0;max-height:min(280px,50vh);overflow-y:auto;padding:5px;background:var(--picker-surface);border:1px solid var(--picker-border);border-radius:10px;box-shadow:0 8px 24px #222a211a}
.project-options[hidden]{display:none}
.project-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 11px;border-radius:6px;color:var(--picker-ink);font:500 14px var(--body-font);cursor:pointer;user-select:none}
.project-option+.project-option{margin-top:3px}
.project-option[aria-selected=true]{background:var(--picker-selected);font-weight:700}
.project-option:hover{background:#eef2e8}
.project-option.is-active{box-shadow:inset 0 0 0 1px #899576}
.project-option-check{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2;opacity:0}
.project-option[aria-selected=true] .project-option-check{opacity:1}
body[data-project=glt] .project-version{background:#efedff;color:#170979}body[data-project=glt] .project-card img{border-radius:0;object-fit:contain}
@media(max-width:1050px){.topbar{gap:16px}.ecosystem-brand strong{font-size:17px}.ecosystem-brand strong span{font-size:13px}.project-picker{gap:7px;padding-left:16px}.project-select-wrap{min-width:156px}.project-picker-label{display:none}}
@media(max-width:650px){:root{--header:112px}.topbar{height:112px;display:grid;grid-template-columns:1fr auto;grid-template-rows:40px 44px;gap:3px 10px;padding:10px 18px}.ecosystem-brand{grid-column:1;grid-row:1;gap:8px}.ecosystem-brand strong{font-size:16px}.ecosystem-brand strong span{font-size:12px;margin-left:4px}.ecosystem-brand img{width:24px;height:24px}.topbar-right{grid-column:2;grid-row:1}.project-picker{grid-column:1/-1;grid-row:2;padding:0;border:0;margin:0;gap:12px}.project-picker-label{display:block;font-size:11px}.project-select-wrap{flex:1;min-width:0}.project-select-trigger{font-size:13px}.sidebar{top:112px}.nav-backdrop{top:112px}.step{scroll-margin-top:125px}html{scroll-padding-top:132px}.print-open{font-size:11px;padding:5px 7px;min-height:32px}}
