/* Shared by the public homepage, login and all material application pages. */
.primary-nav{display:flex;align-items:center;gap:12px;margin-left:24px;margin-right:auto}
.primary-nav a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:6px;color:#344a72;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav a[aria-current=page]{background:#e8f1ff;color:#176cff}
.primary-nav a:focus-visible{outline:2px solid #176cff;outline-offset:2px}
.primary-nav a::after{display:none}
.login-page>header{box-sizing:border-box;background:#fff}
.login-page .brand{display:inline-flex;align-items:center;font-size:24px}
.login-page .brand .logo{display:grid;place-items:center;color:#fff}
@media(max-width:1000px){.primary-nav{margin-left:0;gap:0}.primary-nav a{padding:10px}}
@media(max-width:700px){body>header{box-sizing:border-box;flex-wrap:wrap}.primary-nav{order:3;width:100%;margin:0}.primary-nav a{font-size:15px}.site-header .primary-nav{width:auto;gap:12px;margin:0;align-items:stretch}}