/* Shared ANTB masthead for the Apps desk and every individual app. */
.app-header {
  min-height: 80px;
  background: #242e3a;
  color: #f8f7f3;
  box-shadow: 0 0 0 100vmax #242e3a;
  clip-path: inset(0 -100vmax);
}
.app-brand { gap: 12px; letter-spacing: 0; }
.app-brand img { width: 44px; height: 44px; }
.app-brand > span { display: grid; gap: 2px; padding: 0; border: 0; }
.app-brand strong { color: #fff; font: 800 20px/1 var(--display); letter-spacing: .1em; }
.app-brand small { color: #b9c0cb; font: 800 10px/1.2 var(--body); letter-spacing: .14em; text-transform: uppercase; }
.app-header nav { gap: 28px; color: #dbe0e7; }
.app-header nav a { white-space: nowrap; }
.app-header nav a:hover { color: #c6f24e; text-decoration: none; }

@media (max-width: 760px) {
  .app-header { min-height: 74px; }
  .app-brand img { width: 40px; height: 40px; }
  .app-brand strong { font-size: 18px; }
  .app-brand small { font-size: 9px; }
  .app-header nav { gap: 14px; }
  .app-header nav a:not(:first-child) { display: none; }
}