/* Shared logo treatment across guest pages and the team dashboard. */
a.brand.brand-logo{display:inline-flex;align-items:center;justify-content:center;gap:0;flex-shrink:0;letter-spacing:normal;line-height:1;text-decoration:none;border:0}
.brand-logo .brand-image{display:block;width:242px;height:auto;aspect-ratio:3 / 1;object-fit:contain;max-width:100%;transform:none;flex-shrink:0}
header .brand-logo{padding:0;min-height:64px}header .brand-logo .brand-image{width:242px}
footer .brand-logo .brand-image{width:215px}
.team-sidebar .brand-logo{background:#fff;border:1px solid #ffffff80;border-radius:12px;padding:10px;width:100%;max-width:190px;box-shadow:0 3px 14px #082b271f}
.team-sidebar .brand-logo .brand-image{width:170px}
.login-story .brand-logo{background:#fff;border-radius:14px;padding:13px 18px;align-self:flex-start;max-width:100%;box-shadow:0 4px 18px #0d392c25}
.login-story .brand-logo .brand-image{width:285px}
.brand-logo:hover .brand-image{transform:none;filter:none}
@media(max-width:1000px){header .brand-logo .brand-image{width:210px}header .brand-logo{min-height:60px}}
@media(max-width:600px){header .brand-logo .brand-image{width:180px}header .brand-logo{min-height:54px}footer .brand-logo .brand-image{width:195px}.login-story .brand-logo .brand-image{width:235px}.team-sidebar .brand-logo{max-width:180px;padding:8px}.customer-account header .brand-logo{flex-basis:100%;justify-content:flex-start}.customer-account header .brand-logo .brand-image{width:210px}}
@media(max-width:360px){header .brand-logo .brand-image{width:150px}.header-actions .small{padding:10px 8px}.header-actions .language-switch{padding:8px 6px}}

/* Navigation stays visible on smaller screens, below logo and account actions. */
@media(max-width:1050px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;height:auto;padding:10px 5% 9px}.site-header>.brand-logo{grid-column:1;grid-row:1;justify-self:start}.site-header>.header-actions{grid-column:2;grid-row:1}.site-header>.customer-nav{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;padding-top:8px;border-top:1px solid #e6ecdf}.customer-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 5px;text-align:center;font-size:12px;line-height:1.4;border-radius:7px;background:#f0f5e9;color:#234f3b;font-weight:600;overflow-wrap:anywhere}.customer-nav>a:hover,.customer-nav>a:focus-visible{background:#dfeacb}.site-header .header-actions{gap:7px}}
@media(max-width:600px){.site-header{gap:6px 8px;padding:8px 5%}.site-header>.customer-nav{gap:4px;padding-top:7px}.site-header>.customer-nav>a{font-size:10px;padding:7px 4px}.site-header .brand-logo .brand-image{width:175px}.site-header .header-actions .small{padding:11px 9px;font-size:9px}.site-header .language-switch{padding:8px 7px;min-height:38px}}
@media(max-width:360px){.site-header .brand-logo .brand-image{width:145px}.site-header>.customer-nav>a{font-size:10px}.site-header .header-actions{gap:5px}.site-header .header-actions .small{padding:10px 7px;font-size:8px}}