/* One site header for public pages, account entry, workspace and errors. */
.site-header,
.site-account-bar {
  box-sizing:border-box;
  width:min(1440px,100%);
  margin-inline:auto;
  padding-inline:clamp(20px,4vw,56px);
  color:#242431;
  background:#f8f7f2;
  font:400 16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  flex-shrink:0;
}
.site-header { display:flex; align-items:center; gap:28px; min-height:88px; border-bottom:1px solid #d9d9e2; }
.site-header a { color:inherit; text-decoration:none; }
.site-header .site-brand { display:inline-flex; align-items:center; gap:10px; flex-shrink:0; min-height:44px; color:#242431; font-size:27px; line-height:1.5; font-weight:650; letter-spacing:-1.3px; white-space:nowrap; text-decoration:none; }
.site-header .site-brand-dot { color:#3345d8; margin-left:-10px; }
.site-header .site-brand-mark { width:20px; height:22px; display:grid; grid-template-columns:1fr 1fr; gap:3px; flex-shrink:0; }
.site-header .site-brand-mark i { background:#242431; }
.site-header .site-brand-mark i:last-child { background:#3345d8; }
.site-header nav { margin-left:auto; display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.site-header nav > :is(a,.is-current) { min-height:44px; display:flex; align-items:center; font-size:14px; border-bottom:2px solid transparent; }
.site-header nav > .is-current { border-color:#3345d8; color:#3345d8; font-weight:600; }
.site-header nav a:hover { color:#3345d8; }
.site-header .site-studio-link { background:#3345d8; border:1px solid #3345d8; color:#fff; border-radius:4px; min-height:48px; padding:12px 20px; display:inline-flex; justify-content:center; align-items:center; gap:12px; text-align:center; font-size:14px; line-height:1.5; box-sizing:border-box; flex-shrink:0; }
.site-header a.site-studio-link:hover { background:#2434b6; color:#fff; }
.site-header .site-studio-link.is-current { background:#e7e9ff; color:#293cae; }
.site-header :is(a,button):focus-visible,.site-account-bar :is(a,button):focus-visible { outline:3px solid #3345d8; outline-offset:4px; }
.site-account-bar { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; min-height:56px; padding-block:4px; border-bottom:1px solid #d9d9e2; font-size:13px; }
.site-account-name { overflow-wrap:anywhere; min-width:0; color:#5e5e6b; }
.site-account-actions { display:flex; align-items:center; flex-shrink:0; gap:24px; }
.site-account-actions :is(a,button,.is-current) { display:inline-flex; align-items:center; min-height:44px; color:#293cae; font:inherit; text-decoration:none; }
.site-account-actions form { margin:0; }
.site-account-actions button { border:0; padding:0; background:transparent; cursor:pointer; }
@media (max-width:900px) {
  .site-header { flex-wrap:wrap; padding-block:16px; gap:10px 24px; }
  .site-header nav { order:3; width:100%; justify-content:space-between; margin:0; gap:12px; }
  .site-header .site-studio-link { margin-left:auto; }
}
@media (max-width:600px) {
  .site-header,.site-account-bar { padding-inline:20px; }
  .site-header .site-brand { font-size:24px; }
  .site-header .site-studio-link { font-size:13px; padding:10px 12px; }
  .site-account-bar { flex-wrap:wrap; gap:0 12px; }
  .site-account-actions { margin-left:auto; gap:16px; }
}
@media (max-width:360px) {
  .site-header,.site-account-bar { padding-inline:16px; }
  .site-header { column-gap:12px; }
  .site-header .site-brand { font-size:22px; }
  .site-header nav > :is(a,.is-current) { font-size:13px; }
}
@media print { .site-header,.site-account-bar { display:none!important; } }