/* Application-owned mirror of workmesh-website public navigation and footer.
   Keep content, labels and layout in sync with the public website shell. */
.wm-site-header,.wm-site-header *{box-sizing:border-box}
.wm-site-header{position:sticky;top:0;z-index:500;background:#fff;border-bottom:1px solid #d9e0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937}
.wm-container{width:min(calc(100% - 40px),1180px);margin:0 auto}
.wm-site-header__inner{min-height:76px;display:flex;align-items:center;gap:28px}
.wm-brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}.wm-brand img{display:block;height:38px;width:auto}
.wm-primary-nav{display:flex;align-items:center;gap:5px;margin-right:auto;min-width:0}
.wm-primary-nav a{color:#344054;text-decoration:none;font-size:.92rem;font-weight:650;padding:10px 9px;white-space:nowrap;display:block}
.wm-primary-nav a:hover,.wm-primary-nav a:focus-visible{color:#bc3726}
.wm-site-header__actions{display:flex;align-items:center;gap:14px}
.wm-site-header__actions a{text-decoration:none;font-size:.92rem;font-weight:700;white-space:nowrap}
.wm-link-button{color:#334f7c}.wm-site-header .wm-button--primary{background:#bc3726;color:#fff;padding:11px 18px;border-radius:6px}
.wm-nav-toggle{display:none;margin-left:auto;width:42px;height:42px;padding:10px;border:1px solid #d9e0e8;background:#fff;border-radius:5px;cursor:pointer}
.wm-nav-toggle span{display:block;height:2px;background:#1f2937;margin:4px 0}
.wm-nav-menu,.wm-nav-submenu{position:relative}
.wm-nav-dropdown{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid #d9e0e8;box-shadow:0 15px 35px #17202d22;padding:8px 0;z-index:20}
.wm-nav-dropdown--nested{left:100%;top:0}
.wm-nav-dropdown a{white-space:normal;padding:8px 15px;font-size:.88rem}
.wm-nav-dropdown small{font-size:.68rem;color:#6b7280}
.wm-nav-menu:hover>.wm-nav-dropdown,.wm-nav-menu:focus-within>.wm-nav-dropdown,.wm-nav-submenu:hover>.wm-nav-dropdown,.wm-nav-submenu:focus-within>.wm-nav-dropdown{display:block}
.wm-primary-nav [data-mobile-sign-in]{display:none}
.wm-site-footer,.wm-site-footer *{box-sizing:border-box}
.wm-site-footer{margin-top:auto;padding:64px 0 0;background:#111827;color:#d5dce6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.wm-footer-grid{display:grid;grid-template-columns:1.55fr .85fr 1.2fr .85fr .72fr;gap:34px}
.wm-site-footer .wm-brand img{height:34px;width:auto}
.wm-footer-brand p{max-width:42ch;margin:18px 0 0;color:#c2cbd7;font-size:.91rem}
.wm-footer-brand .wm-small{color:#929eae;font-size:.78rem}
.wm-footer-grid>div:not(.wm-footer-brand){display:flex;flex-direction:column;gap:7px}
.wm-footer-grid strong{margin-bottom:6px;color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.wm-footer-grid a,.wm-footer-button{color:#c8d1dc;font-size:.85rem;text-decoration:none}
.wm-footer-grid a:hover,.wm-footer-grid a:focus-visible,.wm-footer-button:hover,.wm-footer-button:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.wm-footer-button{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit}
.wm-footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:48px;padding:20px 0;border-top:1px solid #344153;color:#94a0b1;font-size:.78rem}
@media(max-width:1120px){
 .wm-nav-toggle{display:block}
 .wm-primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #d9e0e8;max-height:calc(100vh - 76px);overflow-y:auto;padding:14px 20px;box-shadow:0 12px 25px #17202d18}
 body.is-menu-open .wm-primary-nav{display:block}
 .wm-primary-nav a{padding:10px 12px}
 .wm-nav-dropdown,.wm-nav-dropdown--nested{position:static;display:block;min-width:0;border:0;box-shadow:none;padding:0 0 0 18px}
 .wm-site-header__actions{display:none}
 .wm-primary-nav [data-mobile-sign-in]{display:block;border-top:1px solid #d9e0e8;color:#334f7c;margin-top:10px}
 .wm-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
 .wm-footer-grid>div:nth-child(4),.wm-footer-grid>div:nth-child(5){margin-top:12px}
}
@media(max-width:900px){
 .wm-footer-grid{grid-template-columns:repeat(2,1fr)}
 .wm-footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
 .wm-footer-grid{grid-template-columns:1fr}
 .wm-footer-brand{grid-column:auto}
 .wm-footer-bottom{flex-direction:column}
}