/* installation -tw.css was never generated during migration → gray fell back to `neutral` and
   lg:py-32 was missing. This file loads ONLY on installation (via its CSS-loader), so scoping to
   .single-content restores the prod Tailwind gray palette + lg:py-32 without touching other pages. */
.single-content .text-gray-900{color:rgb(17 24 39/var(--tw-text-opacity,1))!important}
.single-content .text-gray-800{color:rgb(31 41 55/var(--tw-text-opacity,1))!important}
.single-content .text-gray-700{color:rgb(55 65 81/var(--tw-text-opacity,1))!important}
.single-content .text-gray-600{color:rgb(75 85 99/var(--tw-text-opacity,1))!important}
.single-content .text-gray-500{color:rgb(107 114 128/var(--tw-text-opacity,1))!important}
.single-content .text-gray-400{color:rgb(156 163 175/var(--tw-text-opacity,1))!important}
.single-content .bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}
.single-content .bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}
html.dark .single-content .dark\:text-gray-100,html.cgi-dark .single-content .dark\:text-gray-100{color:rgb(243 244 246/var(--tw-text-opacity,1))!important}
html.dark .single-content .dark\:text-gray-200,html.cgi-dark .single-content .dark\:text-gray-200{color:rgb(229 231 235/var(--tw-text-opacity,1))!important}
html.dark .single-content .dark\:text-gray-400,html.cgi-dark .single-content .dark\:text-gray-400{color:rgb(156 163 175/var(--tw-text-opacity,1))!important}
html.dark .single-content .dark\:bg-gray-900,html.cgi-dark .single-content .dark\:bg-gray-900{background-color:rgb(17 24 39/var(--tw-bg-opacity,1))!important}
html.dark .single-content .dark\:bg-gray-950,html.cgi-dark .single-content .dark\:bg-gray-950{background-color:rgb(3 7 18/var(--tw-bg-opacity,1))!important}
.single-content .pt-header{padding-top:80px!important}
@media(min-width:1024px){.single-content .lg\:py-32{padding-top:8rem!important;padding-bottom:8rem!important}}

/* space-y utilities (lost list-item rhythm — prod space-y-5/10) */
.single-content .space-y-5 > * + *{margin-top:1.25rem!important}
.single-content .space-y-10 > * + *{margin-top:2.5rem!important}
.single-content .space-y-4 > * + *{margin-top:1rem!important}
.single-content .space-y-6 > * + *{margin-top:1.5rem!important}
.single-content .space-y-8 > * + *{margin-top:2rem!important}

/* icon-cards dark grid utilities (Industries We Serve) */
.single-content .bg-primary-950{background-color:rgb(8 47 73)!important}
.single-content .text-primary-300{color:rgb(125 211 252)!important}
.single-content .rounded-2xl{border-radius:1rem!important}
.single-content .gap-6{gap:1.5rem!important}
.single-content .border{border-width:1px!important;border-style:solid}
.single-content .border-white\/10{border-color:rgb(255 255 255/.1)!important}
.single-content .bg-white\/5{background-color:rgb(255 255 255/.05)!important}
.single-content .hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)!important}
@media (min-width:640px){.single-content .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1024px){.single-content .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1024px){.single-content .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* dark industries grid: card text (theme paints h3 near-black on navy) */
.single-content .bg-primary-950 h3{color:#fff!important}
.single-content .bg-primary-950 .grid p{color:#9ca3af!important}