:root {
  --footer-ink: 222 47% 8%;
}

html {
  background: hsl(var(--footer-ink));
}

body {
  min-height: 100%;
}

[data-ca-footer] {
  box-shadow: 0 100vh 0 100vh hsl(var(--footer-ink));
  padding-bottom: env(safe-area-inset-bottom);
}

@media (max-width: 420px) {
  [data-ca-header] [data-header-logo] {
    min-width: 0;
    flex-shrink: 1;
  }

  [data-ca-header] [data-header-logo] img {
    width: auto;
    height: 2.75rem;
    max-width: clamp(8rem, 36vw, 9.5rem);
  }

  [data-ca-header] [data-header-actions] {
    gap: 0;
    margin-inline-start: auto;
  }
}

@media (max-width: 1023px) {
  [data-ca-header].is-mobile-menu-open {
    z-index: 90 !important;
  }

  [data-mobile-menu] {
    max-height: calc(100dvh - 7.35rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    position: relative;
    z-index: 1;
  }

  [data-mobile-submenu] {
    overflow: hidden;
  }
}