/* Shared by the React pages and server-rendered study pages. */
.site-header{box-sizing:border-box;height:68px;border-bottom:1px solid #e2e5e5;background:#fff;color:#25313b;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:normal}
.site-header *{box-sizing:border-box}
.site-header .nav-inner{max-width:960px;margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;justify-content:space-between}
.site-header .small-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#284c78;font-family:'Libre Baskerville',Georgia,serif;font-size:21px;letter-spacing:-.7px}
.site-header svg{flex-shrink:0}
.site-header .brand-mark{font-family:sans-serif;font-size:.32em;line-height:0;vertical-align:super;letter-spacing:0;color:#7a858c;margin-left:2px}
.site-header nav{display:flex;align-items:center;gap:24px}
.site-header nav a{color:inherit;text-decoration:none;font-size:15px;font-weight:500;padding:8px 0}
.site-header nav a:hover{color:#284c78}
.site-header nav a[aria-disabled=true]{cursor:not-allowed;opacity:.45}
.site-header a:focus-visible{outline:3px solid #709ac4;outline-offset:3px}
.site-header nav .help-button{display:flex;align-items:center;justify-content:center;border:1px solid #aeb8c1;border-radius:50%;width:23px;height:23px;padding:0;font-size:16px;color:#586a7b}
@media(max-width:540px){
  .site-header{height:auto}
  .site-header .nav-inner{height:auto;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 20px}
  .site-header .small-brand{font-size:19px;gap:6px}
  .site-header .small-brand svg{width:22px}
  .site-header nav{gap:10px;flex-wrap:wrap;justify-content:center}
  .site-header nav a{font-size:14px}
}