.app-header {
  display:flex; align-items:center; justify-content:space-between;
  height:70px; padding:0 16px; border-bottom:1px solid var(--border);
  background:var(--surface); position:sticky; top:0; z-index:20;
}
.header-actions { display:flex; align-items:center; gap:8px; }
.logo { display:flex; align-items:baseline; direction:ltr; font-weight:700; letter-spacing:-1.5px; }
.logo-main { font-size:29px; color:var(--text); }
.logo-x { position:relative; color:var(--text); }
.logo-x::after { content:""; position:absolute; width:12px; height:4px; background:var(--primary); transform:rotate(-52deg); left:5px; top:13px; border-radius:4px; }
.logo-go { font-size:24px; font-weight:400; color:var(--secondary); margin-left:6px; }
.home-content { padding-top:16px; }
.section { margin-top:22px; }
.section-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.section-head.shortcuts-head { justify-content:flex-start; gap:12px; }
.section-title { font-size:17px; font-weight:700; margin:0; }
.section-action { color:var(--primary); font-size:13px; }

.brand-wordmark{
  display:flex;align-items:center;direction:ltr;flex:0 0 auto;
  height:40px;max-width:166px;
}
.brand-wordmark img{
  display:block;width:auto;height:33px;max-width:166px;object-fit:contain;
}