/* ---- Header logo sizing (mobile fix) ---- */

@media (max-width: 768px) {
  header img {
    max-height: 48px;
    width: auto;
  }
}

/* ---- Mobile navigation fixes ---- */

@media (max-width: 768px) {
  header nav {
    margin-top: 0.75rem;
  }

  header nav a {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    font-size: 0.95rem;
  }
}

/* ---- Header spacing on mobile ---- */

@media (max-width: 768px) {
  header .cover {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (max-width: 768px) {
  header .flex-l {
    flex-direction: column;
    align-items: center;
  }

  header nav {
    margin-top: 1rem;
  }
}