/* High-specificity fixes for long mobile section titles and rail labels. */

@media (max-width: 640px) {
  .direction-screen--marketing .direction-layout,
  .direction-screen--consulting .direction-layout {
    padding-top: calc(var(--header-height) + 34px);
  }

  .direction-rail button.is-active strong {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .direction-rail button:first-child strong {
    right: auto;
    left: 0;
    transform: none;
  }

  .direction-rail button:nth-child(4) strong,
  .direction-rail button:nth-child(5) strong {
    right: 0;
    left: auto;
    transform: none;
  }
}

@media (max-width: 380px) {
  .direction-screen--marketing .direction-layout,
  .direction-screen--consulting .direction-layout {
    padding-top: calc(var(--header-height) + 30px);
  }
}