:root{--site-header-height:64px}.viva-header{position:sticky;top:0;width:100%;height:var(--header-expanded);background:var(--surface);border-bottom:1px solid var(--line);z-index:var(--z-menu);transition:height var(--motion-state) ease-out,transform var(--motion-state) ease-out}.viva-header.is-compact{height:var(--header-compact);box-shadow:var(--shadow-sticky)}.viva-header::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(to right,var(--pt-green) 40%,var(--pt-red) 40%)}.viva-header-inner{width:min(var(--content-width),calc(100% - 2*var(--gutter)));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:4px}.viva-brand{display:flex;align-items:center;gap:12px;color:var(--green);font:400 31px/1.2 var(--font-display);letter-spacing:-.025em;text-decoration:none;white-space:nowrap}.viva-brand img{width:36px;height:36px;object-fit:contain}.viva-header-actions{display:flex;align-items:center;gap:24px}.viva-nav{display:flex;align-items:center;gap:24px;font:500 15px/21px var(--font-body)}.viva-nav a{display:flex;align-items:center;min-height:36px;padding:4px 0;color:var(--ink);text-decoration:none}.viva-nav a:hover,.viva-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.viva-preferences{position:relative}.viva-menu-button{width:36px;height:36px;padding:4px}.viva-header svg{width:24px;height:24px;flex-shrink:0}.viva-menu{position:absolute;top:calc(100% + 12px);right:0;width:272px;max-width:calc(100vw - 32px);max-height:calc(100svh - var(--site-header-height) - 24px);padding:16px;overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);font:400 14px/24px var(--font-body)}.viva-setting+.viva-setting{margin-top:16px}.viva-setting-label{display:block;font:600 14px/20px var(--font-body);margin-bottom:8px}.viva-segment{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-control)}.viva-segment button{flex:1}.viva-theme-button{width:100%;justify-content:space-between}.viva-menu .viva-mobile-nav{display:none}.viva-menu-status{margin-top:8px;color:var(--muted)}.viva-menu-status:empty{display:none}.viva-home-link{display:block;min-height:36px;padding:4px 0 12px;margin-bottom:12px;border-bottom:1px solid var(--line);font-weight:600;text-decoration:none}
@media(max-width:1023px){:root{--site-header-height:56px}.viva-header{height:56px}.viva-header-actions>.viva-nav{display:none}.viva-menu .viva-mobile-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.viva-brand{font-size:28px;gap:8px}.viva-brand img{width:32px;height:32px}.viva-header.is-hidden{transform:translateY(-100%)}.viva-header:focus-within,.viva-header:has(.viva-menu:not([hidden])){transform:none}}
@media(max-width:359px){.viva-brand{font-size:24px}.viva-header-inner{gap:12px}}
@media print{.viva-header{display:none}}
.viva-menu-print{width:100%;margin:0 0 12px}

.viva-home-link{display:flex;align-items:center;gap:8px}.viva-tools-mini-icon{width:1em;height:1em;object-fit:contain;flex:none}