/* Shared developer-platform header — one source of truth for every page.
   Static markup + this stylesheet render together (no FOUC); header.js only
   upgrades the auth button and drives the mobile menu. */
:root{--zh-brand:#5b3df5;--zh-ink:#141414;--zh-muted:#6b7280;--zh-line:#e6e6e9;--zh-panel:#fff;
  --zh-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.zh{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:18px;height:56px;
  padding:0 20px;background:var(--zh-panel);border-bottom:1px solid var(--zh-line);
  font-family:var(--zh-sans);box-sizing:border-box}
.zh a{text-decoration:none}
.zh-brand{font-weight:800;font-size:18px;color:var(--zh-ink)}
.zh-brand span{color:var(--zh-brand)}
.zh-nav{display:flex;gap:16px;flex:1}
.zh-nav a{color:var(--zh-ink);font-weight:600;font-size:14px;padding:4px 2px;border-bottom:2px solid transparent}
.zh-nav a:hover{color:var(--zh-brand)}
.zh-nav a.active{color:var(--zh-brand);border-bottom-color:var(--zh-brand)}
.zh-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.zh-auth{background:var(--zh-brand);color:#fff;padding:8px 15px;border-radius:9px;font-weight:700;font-size:13.5px;white-space:nowrap}
.zh-auth.acct{background:#f1ecff;color:var(--zh-brand);border:1px solid #d6ccff}
.zh-logout{background:none;border:none;color:var(--zh-muted);font:inherit;font-size:13px;cursor:pointer;padding:0}
.zh-logout:hover{color:var(--zh-brand)}
.zh-burger{display:none;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--zh-ink);margin-left:auto}
@media(max-width:640px){
  .zh-burger{display:block}
  .zh-nav{position:absolute;top:56px;left:0;right:0;flex-direction:column;gap:0;background:var(--zh-panel);
    border-bottom:1px solid var(--zh-line);flex:none;display:none}
  .zh-nav.open{display:flex}
  .zh-nav a{padding:12px 20px;border-bottom:1px solid var(--zh-line)}
  .zh-nav a.active{border-bottom-color:var(--zh-line)}
  .zh-right{margin-left:0}
}