/* Header identity only; the existing page, artwork and controls keep their styles. */
.topbar .brand {
  display:flex; align-items:center; gap:11px; min-height:44px;
  min-width:0; flex:0 0 auto; direction:ltr; text-align:left;
}
.topbar .brand-mark {
  display:grid; place-items:center; flex:0 0 43px; width:43px; height:48px;
  padding:0; background:none; border:0; border-radius:0; box-shadow:none; transform:none;
}
.topbar .brand-mark svg { display:block; width:46px; height:46px; overflow:visible; transform:none; }
.topbar .brand-mark .brand-aura { opacity:.8; }
.topbar .brand-copy {
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  font-family:"Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,sans-serif;
  direction:ltr; unicode-bidi:isolate; white-space:nowrap;
}
.topbar .brand-copy strong {
  display:flex; align-items:baseline; gap:7px; margin:0; color:#eef6ff;
  font:inherit; line-height:1; letter-spacing:normal;
}
.topbar .brand-ask { font-size:13px; font-weight:500; letter-spacing:.13em; color:#c3d2e7; }
.topbar .brand-shai { font-size:25px; font-weight:650; letter-spacing:.075em; }
.topbar .brand-trademark { align-self:flex-start; margin-inline-start:-4px; margin-top:2px; font-size:7px; font-weight:500; letter-spacing:0; color:#b7c7db; }
.topbar .brand-copy small {
  display:block; margin:0; color:#aabbd1; font-size:9px; font-weight:400;
  line-height:1.35; letter-spacing:.17em; text-transform:none;
}
.topbar .brand-copy small span { margin-inline-start:2px; font-size:6px; vertical-align:top; }
.topbar .brand:hover .brand-aura, .topbar .brand:focus-visible .brand-aura { opacity:1; }
.topbar .brand:focus-visible { outline:2px solid #c4dcff; outline-offset:5px; border-radius:4px; }
.topbar .top-actions #floatingShai { white-space:normal; line-height:1.2; overflow-wrap:anywhere; }
@media (max-width:760px) {
  .topbar .brand { gap:8px; }
  .topbar .brand-mark { flex-basis:28px; width:28px; height:40px; }
  .topbar .brand-mark svg { width:32px; height:32px; }
  .topbar .brand-copy { gap:4px; }
  .topbar .brand-copy strong { gap:5px; }
  .topbar .brand-ask { font-size:10px; letter-spacing:.08em; }
  .topbar .brand-shai { font-size:19px; letter-spacing:.045em; }
  .topbar .brand-trademark { font-size:6px; margin-inline-start:-3px; }
  .topbar .brand-copy small { font-size:8px; letter-spacing:.11em; }
  .topbar .brand-copy small span { font-size:5px; }
}
@media (max-width:350px) {
  .topbar .brand { gap:6px; }
  .topbar .brand-mark { flex-basis:22px; width:22px; }
  .topbar .brand-mark svg { width:26px; height:26px; }
  .topbar .brand-copy strong { gap:4px; }
  .topbar .brand-ask { font-size:9px; }
  .topbar .brand-shai { font-size:16px; }
  .topbar .brand-trademark { font-size:5px; margin-inline-start:-3px; }
  .topbar .brand-copy small { font-size:7.5px; letter-spacing:.07em; }
}