/**
 * Join the Coaching section — left content box
 * Figma: Landing Page REVAMP, "Frame 1321315390" 24612:17788 (1440px),
 * "Frame 1321315798" 24711:102796 (375px) and 24711:100822 (768px).
 * Small overrides that need exact px values Tailwind's tracking-*
 * and spacing utilities can't express, kept out of the Tailwind build.
 */

@media (max-width: 767px) {
    .join-coaching-input-wrapper {
        padding: 22px 24px;
    }
}

/* 768px+: input padding is a uniform 24px per both the 768 and 1440
   specs, so one rule covers the whole range instead of two. */
@media (min-width: 768px) {
    .join-coaching-input-wrapper {
        padding: 24px;
    }
}

@media (min-width: 1440px) {
    .join-coaching-title {
        letter-spacing: -2px;
    }

    .join-coaching-input-wrapper {
        padding: 23px 24px;
    }
}