/* Page-scoped polish for the Germany Ausbildung pathway. */
.germany-pathway {
  --pathway-accent: #0d7d96;
  --pathway-accent-dark: #075b70;
  --pathway-ink: #102a35;
  background: #fbfcfc;
  color: var(--pathway-ink);
}

.germany-pathway .dest-hero {
  min-height: min(690px, 82vh);
  display: flex;
  align-items: flex-end;
}

.germany-pathway .dest-hero-title {
  max-width: 14ch;
  text-wrap: balance;
  letter-spacing: -0.035em;
}

.germany-pathway .dest-hero-desc {
  max-width: 42rem;
}

.germany-pathway a,
.germany-pathway button {
  -webkit-tap-highlight-color: transparent;
}

.germany-pathway a:focus-visible,
.germany-pathway button:focus-visible {
  outline: 3px solid #42d2e7;
  outline-offset: 4px;
}

.germany-pathway .grid > div {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.germany-pathway .grid > div:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgb(16 42 53 / 0.09);
}

.germany-pathway .fa-circle-check {
  flex: 0 0 auto;
  margin-top: 0.1rem;
}

@media (max-width: 640px) {
  .germany-pathway .dest-hero {
    min-height: 680px;
    align-items: flex-end;
  }

  .germany-pathway .dest-hero-title {
    max-width: 11ch;
    font-size: clamp(2.15rem, 11vw, 3.2rem);
  }

  .germany-pathway .dest-hero a,
  .germany-pathway .dest-hero button {
    width: 100%;
    min-height: 52px;
  }

  .germany-pathway section.bg-surface-container-low {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .germany-pathway *,
  .germany-pathway *::before,
  .germany-pathway *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .germany-pathway .grid > div:hover {
    transform: none;
  }
}