/* Header-only, screen-only. Report/export styles are deliberately untouched. */
@media screen{
.relationship-mode-link[data-header-brand],.personal-relationship-link[data-header-brand]{--header-accent:#a83f30;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:210px;padding:10px 16px;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--header-accent);font:600 14px/1.35 Arial,sans-serif;text-align:center;text-decoration:none;white-space:normal;flex-shrink:0}
.relationship-mode-link[data-header-brand="windwater"],.personal-relationship-link[data-header-brand="windwater"]{--header-accent:#456653}
.relationship-mode-link[data-header-brand] svg{flex:0 0 18px}
.relationship-mode-link[data-header-brand]:hover,.personal-relationship-link[data-header-brand]:hover{background:color-mix(in srgb,var(--header-accent) 8%,transparent);color:var(--header-accent)}
.relationship-mode-link[data-header-brand]:focus-visible,.personal-relationship-link[data-header-brand]:focus-visible{outline:3px solid var(--header-accent);outline-offset:4px}
@media(max-width:600px){
.site-header .header-inner:has(.relationship-mode-link){gap:12px;min-height:94px}
.site-header .header-inner:has(.relationship-mode-link) .brand-home-link{min-width:0;flex:1 1 0}
.site-header .header-inner:has(.relationship-mode-link) .brand-logo{width:min(100%,210px);height:auto;max-height:78px;object-fit:contain}
.site-header .relationship-mode-link[data-header-brand]{max-width:148px;padding:10px 12px;font-size:13px;gap:7px}
.bar:has(.personal-relationship-link){gap:14px;min-height:94px}
.bar:has(.personal-relationship-link)>.brand,.bar:has(.personal-relationship-link)>.jl-brand{min-width:0;flex:1 1 0}
.bar:has(.personal-relationship-link) .signature-header-logo{width:min(100%,210px)!important;height:auto!important}
.bar:has(.personal-relationship-link)>.brand>a{display:block;min-width:0;width:100%}
.bar:has(.personal-relationship-link)>.brand img{max-width:100%;height:auto;max-height:70px;object-fit:contain}
.bar:has(.personal-relationship-link)>.brand>div{display:none}
.bar:has(.personal-relationship-link) nav{gap:0}
.bar:has(.personal-relationship-link) nav>a:not(.personal-relationship-link){display:none}
.personal-relationship-link[data-header-brand]{max-width:148px;padding:10px 12px;font-size:13px}
}
}