/* Sign a PDF: header part. Swappable: replace this file and the <header> block in both pages with the Apps gallery header once G-LIVE sets it.
   Same look as the demo site header (logo 58 px high, 54 px on phones, never under 160 px wide). */
.site-header{background:var(--bg);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:84px}
.brand{display:block;line-height:0;flex:0 0 auto}
.brand img{height:58px;width:auto;min-width:160px}
.brand .logo-dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand .logo-light{display:none}:root:not([data-theme="light"]) .brand .logo-dark{display:block}}
:root[data-theme="dark"] .brand .logo-light{display:none}:root[data-theme="dark"] .brand .logo-dark{display:block}
.site-header .lang{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:4px 16px;text-decoration:none;font-size:var(--fs-0);font-weight:700;white-space:nowrap;color:var(--text)}
.site-header .lang:hover{border-color:var(--accent);color:var(--accent-text)}
@media (max-width:600px){.site-header .wrap{min-height:72px}.brand img{height:54px}}