/* The same four navigation controls on every main site page. */
body nav.site-main-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:8px!important;align-items:stretch!important;justify-content:center!important;flex:1 1 520px;max-width:640px;width:100%;min-width:0;margin:0;box-sizing:border-box}
body nav.site-main-nav>a,body header nav.site-main-nav>a,body .topbar nav.site-main-nav>a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box;width:100%;min-width:0;height:52px;min-height:52px;padding:8px 10px!important;margin:0!important;background:#f0eaff;color:#5036a9;border:1px solid #d6c9f2;border-radius:14px;box-shadow:0 3px 0 #dfd2f2;font:750 14px/1.25 system-ui;text-decoration:none!important;white-space:normal;overflow-wrap:normal;word-break:normal}
body nav.site-main-nav>a:hover,body header nav.site-main-nav>a:hover{background:#e4d9ff;color:#402785}
body nav.site-main-nav>a:focus-visible{outline:3px solid #e9a51c;outline-offset:4px}
body>nav.site-main-nav{width:calc(100% - 32px);max-width:1000px;margin:18px auto 24px}
body header.login-header:has(.site-main-nav),body header.top:has(.site-main-nav){flex-wrap:wrap;gap:16px}
@media(max-width:1050px){body .topbar:has(.site-main-nav){height:auto;min-height:92px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}body header nav.site-main-nav{order:3;flex-basis:100%;max-width:none}body .topbar nav.site-main-nav{width:100%;max-width:none;order:3;flex-basis:100%}}
@media(max-width:600px){body nav.site-main-nav{gap:6px!important}body nav.site-main-nav>a,body header nav.site-main-nav>a,body .topbar nav.site-main-nav>a{font-size:12px!important;padding:8px 4px!important}}