/* BBDH minimal utilities (Tailwind-like subset) */
/* Colors */
:root{
  --slate-900:#0f172a;
  --slate-800:#1e293b;
  --slate-700:#334155;
  --slate-600:#475569;
  --slate-500:#64748b;
  --slate-300:#cbd5e1;
  --slate-200:#e2e8f0;
  --white:#ffffff;
}

/* Layout helpers */
.hidden{display:none!important;}
.block{display:block!important;}
.flex{display:flex!important;}
.grid{display:grid!important;}
.items-center{align-items:center!important;}
.items-start{align-items:flex-start!important;}
.justify-between{justify-content:space-between!important;}
.justify-center{justify-content:center!important;}
.shrink-0{flex-shrink:0!important;}

.gap-3{gap:0.75rem!important;}
.gap-4{gap:1rem!important;}
.gap-6{gap:1.5rem!important;}
.gap-8{gap:2rem!important;}
.gap-10{gap:2.5rem!important;}
.gap-12{gap:3rem!important;}

.space-y-1>*+*{margin-top:0.25rem!important;}
.space-y-2>*+*{margin-top:0.5rem!important;}

.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

/* Container & sizing */
.mx-auto{margin-left:auto!important;margin-right:auto!important;}
.max-w-7xl{max-width:80rem!important;} /* 1280px */
.h-16{height:4rem!important;}
.h-10{height:2.5rem!important;}
.h-8{height:2rem!important;}
.h-6{height:1.5rem!important;}
.w-auto{width:auto!important;}
.w-full{width:100%!important;}

.mt-16{margin-top:4rem!important;}
.mt-8{margin-top:2rem!important;}
.mt-6{margin-top:1.5rem!important;}
.mt-4{margin-top:1rem!important;}
.mb-4{margin-bottom:1rem!important;}
.mb-3{margin-bottom:0.75rem!important;}

.p-2{padding:0.5rem!important;}
.p-4{padding:1rem!important;}
.p-5{padding:1.25rem!important;}
.p-6{padding:1.5rem!important;}
.px-3{padding-left:0.75rem!important;padding-right:0.75rem!important;}
.px-4{padding-left:1rem!important;padding-right:1rem!important;}
.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important;}
.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important;}
.px-8{padding-left:2rem!important;padding-right:2rem!important;}
.py-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important;}
.py-4{padding-top:1rem!important;padding-bottom:1rem!important;}
.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important;}

.rounded-lg{border-radius:0.5rem!important;}
.rounded-full{border-radius:9999px!important;}

/* Borders */
.border{border-width:1px!important;border-style:solid!important;}
.border-t{border-top-width:1px!important;border-style:solid!important;}
.border-b{border-bottom-width:1px!important;border-style:solid!important;}
.border-slate-200{border-color:var(--slate-200)!important;}
.border-slate-300{border-color:var(--slate-300)!important;}

/* Typography */
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.font-bold{font-weight:700;}
.font-semibold{font-weight:600;}
.text-center{text-align:center;}
.text-white{color:#fff!important;}
.text-slate-900{color:var(--slate-900)!important;}
.text-slate-800{color:var(--slate-800)!important;}
.text-slate-700{color:var(--slate-700)!important;}
.text-slate-600{color:var(--slate-600)!important;}
.text-slate-500{color:var(--slate-500)!important;}

/* Backgrounds */
.bg-white{background-color:#fff!important;}
.bg-white\/95{background-color:rgba(255,255,255,.95)!important;}
.bg-slate-100{background-color:#f1f5f9!important;}

/* Effects */
.backdrop-blur{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.hover\:bg-slate-100:hover{background-color:#f1f5f9!important;}
.hover\:text-slate-900:hover{color:var(--slate-900)!important;}
.hover\:text-slate-700:hover{color:var(--slate-700)!important;}
.transition{transition:all .2s ease-in-out;}
.transition-colors{transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;}
.hover\:brightness-110:hover{filter:brightness(1.1);}

/* Positioning */
.sticky{position:sticky!important;}
.top-0{top:0!important;}
.z-40{z-index:40!important;}

/* Buttons */
.btn-primary{background-color:#3d5a87;color:#fff;border-radius:.5rem;padding:.5rem 1.25rem;font-weight:600;}
.btn-primary:hover{filter:brightness(1.1);}

/* Utility for images */
img{max-width:100%;height:auto;display:block;}

/* Responsive paddings and grid */
@media (min-width:640px){
  .sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important;}
}
@media (min-width:768px){
  .md\:block{display:block!important;}
  .md\:hidden{display:none!important;}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (min-width:1024px){
  .lg\:px-8{padding-left:2rem!important;padding-right:2rem!important;}
}

/* Max width helper for the container */
.container-like{max-width:80rem;margin-left:auto;margin-right:auto;}