/* Stage 7.1: route-scoped Tailwind compatibility utilities.
 * Loaded only on Contact/About, Roadmap, Support, and Brand Analysis.
 * Keep this narrow: these utilities are used by the current templates but are
 * absent from assets/css/tailwind.generated.css.
 */

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.p-7 {
    padding: 1.75rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-white {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-indigo-700 {
    --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}

.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-blue-700:focus {
    --tw-ring-offset-color: #1d4ed8;
}

@media (min-width: 640px) {
    .sm\:mb-8 {
        margin-bottom: 2rem;
    }

    .sm\:mb-12 {
        margin-bottom: 3rem;
    }

    .sm\:p-10 {
        padding: 2.5rem;
    }

    .sm\:p-12 {
        padding: 3rem;
    }

    .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .sm\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .sm\:pb-20 {
        padding-bottom: 5rem;
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .lg\:gap-8 {
        gap: 2rem;
    }

    .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
        grid-template-columns: 1.15fr 0.85fr;
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}