/* One header for every public page, including the app welcome screen. */
#site-header{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;background:transparent;border:0;padding:0;margin:0;color:#171719}
#site-header>.brand{display:block;font-size:28px;font-weight:400;line-height:34px;letter-spacing:-1.1px;text-align:center;color:inherit;text-decoration:none;white-space:nowrap}
#site-header>.brand strong{font-weight:700}#site-header>.brand sup{font-size:10px;line-height:0;vertical-align:super;margin-left:2px;letter-spacing:0}
#site-header>#welcome-navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-self:center;gap:28px;min-height:0;max-width:none;width:auto;margin:28px 0 0;padding:0;font-size:15px;line-height:22px;background:transparent}
#site-header>#welcome-navigation[hidden]{display:none}
#site-header nav a{color:#62626b;text-decoration:none}#site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
#site-header>.site-preferences{position:absolute;top:-7px;left:0;right:0;margin:0;width:100%;justify-content:space-between;direction:ltr;pointer-events:none}
#site-header>.site-preferences>*{pointer-events:auto}
html[data-appearance="dark"] #site-header{color:#fff}html[data-appearance="dark"] #site-header nav a{color:#b5b5be}
.site-header-shell{box-sizing:border-box;max-width:1160px;margin-inline:auto;padding:32px 32px 0;background:transparent;border:0}
@media(max-width:800px){.site-header-shell{padding-inline:22px}}
@media(max-width:800px){#site-header>.site-preferences{position:static;align-self:stretch;margin:16px 0 0}}
@media(max-width:600px){#site-header>#welcome-navigation{gap:18px;font-size:14px}.site-header-shell{padding-top:26px}}