/* avionico Support: what's avionico's own on top of the help centre's design (css/styles.css) */
.av-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none;
  font-family: var(--font-display); font-weight: 500; font-size: 1.125rem; letter-spacing: -0.01em; }
.av-brand img { display: block; }
.av-light { font-weight: 300; }
.av-account { display: inline-flex; align-items: center; }
.av-signin { display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border-radius: 999px;
  background: var(--ink); color: #fff !important; font-weight: 600; text-decoration: none; }
.av-signin:hover { background: #12414e; text-decoration: none; }
.av-signed { color: var(--muted); font-weight: 500; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.av-note { margin: 0 auto; max-width: var(--container); padding: 12px var(--gutter); color: var(--ink); background: var(--brand-soft);
  border-radius: var(--radius-sm); font-weight: 500; }
@media (max-width: 720px) { .av-hide-sm { display: none !important; } }

/* the footer band in avionico's deep teal, the bird in its light blue */
.footer-band { background: #0b2a33; }
.footer-band__mark { background: #2f9fd0; opacity: 0.9; aspect-ratio: 143 / 128; }
.hero__logo { width: 96px; height: auto; }

.av-brand { white-space: nowrap; }
@media (max-width: 420px) { .av-brand { font-size: 1rem; gap: 8px; } .av-brand img { width: 26px; height: auto; } .site-nav a[href="#/"] { display: none; } }