/* startups-tw.css
 * Supplemental Tailwind utilities for /startups and /startups/partners.
 * These two pages formerly loaded the Tailwind Play CDN (JIT), which produced
 * a render-blocking script + a production console warning (dragging Performance
 * and Best-practices). They now use the compiled /dist/tailwind.css like the rest
 * of the site; this file supplies the handful of utility classes those two pages
 * use that are not present in the purged dist build. Values match Tailwind v3.4
 * defaults and the site navy/canary palette (navy #003566, navy-light #004d99,
 * canary #FFD600). Custom cc-*/mm-*/chip/st-faq classes are defined elsewhere
 * (nav partial + page inline <style>) and are unaffected by the CDN removal.
 */

/* spacing / sizing */
.mt-7{margin-top:1.75rem}
.mt-20{margin-top:5rem}
.pr-6{padding-right:1.5rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.gap-x-8{column-gap:2rem}
.gap-3\.5{gap:0.875rem}
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.875rem}
.h-72{height:18rem}
.h-\[640px\]{height:640px}
.w-\[640px\]{width:640px}
.left-8{left:2rem}
.-right-1{right:-0.25rem}
.-top-3{top:-0.75rem}
.scroll-mt-20{scroll-margin-top:5rem}
.scroll-mt-24{scroll-margin-top:6rem}

/* colour */
.text-navy\/30{color:rgb(0 53 102 / 0.3)}
.bg-navy-light\/30{background-color:rgb(0 77 153 / 0.3)}
.bg-white\/\[0\.03\]{background-color:rgb(255 255 255 / 0.03)}

/* text / outline */
.hover\:underline:hover{text-decoration-line:underline}
.outline-none{outline:2px solid transparent;outline-offset:2px}

/* focus ring (ring-navy sets the colour, ring-1 the width) */
.focus\:ring-navy:focus{--tw-ring-color:#003566}
.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--tw-ring-color,#003566)}

/* coloured shadows (attach to the base shadow-lg already defined in dist) */
.shadow-black\/10{--tw-shadow-color:rgb(0 0 0 / 0.1);--tw-shadow:var(--tw-shadow-colored)}
.shadow-canary\/10{--tw-shadow-color:rgb(255 214 0 / 0.1);--tw-shadow:var(--tw-shadow-colored)}
.hover\:shadow-navy\/5:hover{--tw-shadow-color:rgb(0 53 102 / 0.05);--tw-shadow:var(--tw-shadow-colored)}

@media (min-width:1024px){
  .lg\:gap-0{gap:0}
  .lg\:items-stretch{align-items:stretch}
  .lg\:ml-5{margin-left:1.25rem}
  .lg\:mr-5{margin-right:1.25rem}
  .lg\:mx-5{margin-left:1.25rem;margin-right:1.25rem}
  .lg\:p-7{padding:1.75rem}
}