/* Minimal Tailwind-like utility subset (local, no CDN) */

/* layout / display */
.flex{display:flex;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.inline-flex{display:inline-flex;}
.block{display:block;}
.hidden{display:none;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.xl\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr));}
@media(min-width:1280px){
  .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* grid col span */
.xl\:col-span-2{grid-column:span 1 / span 1;}
.xl\:col-span-3{grid-column:span 1 / span 1;}
@media(min-width:1280px){
  .xl\:col-span-2{grid-column:span 2 / span 2;}
  .xl\:col-span-3{grid-column:span 3 / span 3;}
}

/* flex dir */
.flex-col{flex-direction:column;}
.lg\:flex-row{flex-direction:column;}
@media(min-width:1024px){
  .lg\:flex-row{flex-direction:row;}
}

/* align / justify */
.items-center{align-items:center;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}

/* gap utilities */
.gap-2{gap:.5rem;}
.gap-3{gap:.75rem;}
.gap-4{gap:1rem;}

/* spacing padding / margin */
.p-2{padding:.5rem;}
.p-3{padding:.75rem;}
.p-4{padding:1rem;}
.p-6{padding:1.5rem;}

.mt-2{margin-top:.5rem;}
.mt-4{margin-top:1rem;}
.mb-3{margin-bottom:.75rem;}
.mb-4{margin-bottom:1rem;}

/* vertical spacing stacks */
.space-y-4 > * + *{margin-top:1rem;}
.space-y-2 > * + *{margin-top:.5rem;}

/* sizing */
.w-full{width:100%;}
.max-w-sm{max-width:24rem;}
.min-h-screen{min-height:100vh;}
.min-w-full{min-width:100%;}

/* border radius helpers (for svg container etc) */
.rounded-lg{border-radius:.5rem;}
.rounded-xl{border-radius:1rem;}

/* overflow */
.overflow-hidden{overflow:hidden;}

/* text */
.text-center{text-align:center;}
.text-sm{font-size:.875rem;line-height:1.25rem;}
.text-\[10px\]{font-size:10px;line-height:1rem;}

/* responsive hide */
.lg\:hidden{}
@media(min-width:1024px){
  .lg\:hidden{display:none;}
}