/* Shared app identity: product first, community underneath. */
.app-brand {
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  max-width:100%;
  color:var(--brand-lilac,#cfb8f4);
  text-align:left;
  text-decoration:none;
}
.app-brand .app-brand-mark {
  flex:none;
  width:40px;
  height:40px;
  filter:drop-shadow(0 0 10px #b57aff2b);
}
.app-brand .app-brand-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  margin:0;
}
.app-brand .app-brand-title {
  display:block;
  margin:0;
  color:var(--brand-lilac,#cfb8f4);
  font:600 14px/1.3 var(--font-display,'Sora',sans-serif);
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}
.app-brand .app-brand-parent {
  display:block;
  margin:0;
  color:var(--brand-muted,#b8afcc);
  font:400 11px/1.4 var(--font-ui,'Manrope',sans-serif);
  letter-spacing:.04em;
  text-transform:none;
  white-space:nowrap;
}
.session-page .quiet-link.app-brand { width:auto; gap:12px; flex-shrink:0; }
.app-brand--compact .app-brand-copy { gap:4px; }
.app-brand--compact .app-brand-title { font-size:11px; letter-spacing:.07em; }
.app-brand--compact .app-brand-parent { font-size:10px; }
@media(max-width:600px) {
  .app-brand { gap:10px; }
  .app-brand .app-brand-mark { width:36px; height:36px; }
  .app-brand .app-brand-title { font-size:12px; letter-spacing:.07em; }
  .app-brand .app-brand-parent { font-size:10px; }
  .deck-page .topbar { flex-wrap:wrap; gap:16px; }
  .app-brand--compact .app-brand-title { font-size:11px; }
}
@media(max-width:360px) {
  .app-brand .app-brand-title { font-size:11px; letter-spacing:.035em; }
  .app-brand .app-brand-mark { width:32px; height:32px; }
}
