/*
  Shared mobile first-content spacing.
  Change --mic-mobile-first-content-top here to move the first content block
  on every public page that uses .mic-first-content.
*/
:root {
  --mic-mobile-first-content-top: 4.25rem;
  --mic-mobile-first-content-top-compact: 3.75rem;
  --mic-mobile-gallery-controls-space: 3.25rem;
  --mic-mobile-gallery-controls-space-compact: 3.125rem;
}

.nav-title-sub {
  color: #5c554d !important;
  font-weight: 500 !important;
}

@media (max-width: 900px) {
  :root {
    --ink-muted: #6f675d;
    --ink-faint: #8a8378;
  }

  .mic-first-content-shell {
    padding-top: 0 !important;
  }

  .mic-first-content {
    padding-top: var(--mic-mobile-first-content-top) !important;
  }

  .mic-gallery-content {
    padding-top: calc(
      var(--mic-mobile-first-content-top) + var(--mic-mobile-gallery-controls-space)
    ) !important;
  }
}

@media (max-width: 480px) {
  .mic-first-content {
    padding-top: var(--mic-mobile-first-content-top-compact) !important;
  }

  .mic-gallery-content {
    padding-top: calc(
      var(--mic-mobile-first-content-top-compact) + var(--mic-mobile-gallery-controls-space-compact)
    ) !important;
  }
}