/* Supplementary utility classes for spaces and navbar */

/* Border white for navbar transparent state */
.border-white\/30{border-color:hsla(0,0%,100%,.3)}

.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.flex-shrink-0{flex-shrink:0}
.flex-row{flex-direction:row}
.items-end{align-items:flex-end}
.items-stretch{align-items:stretch}
.min-w-0{min-width:0}
.min-w-max{min-width:-moz-max-content;min-width:max-content}
.min-w-\[180px\]{min-width:180px}
.w-20{width:5rem}
.w-24{width:6rem}
.w-32{width:8rem}
.w-40{width:10rem}
.w-80{width:20rem}
.w-96{width:24rem}
.h-28{height:7rem}
.h-40{height:10rem}
.h-\[520px\]{height:520px}
.h-3\.5{height:.875rem}
.w-3\.5{width:.875rem}
.max-h-44{max-height:11rem}
.max-h-56{max-height:14rem}
.max-h-64{max-height:16rem}
.max-w-xs{max-width:20rem}
.max-w-5xl{max-width:64rem}
.gap-1{gap:.25rem}
.pb-4{padding-bottom:1rem}
.pt-3{padding-top:.75rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.p-1{padding:.25rem}
.p-5{padding:1.25rem}
.pl-4{padding-left:1rem}
.pr-10{padding-right:2.5rem}
.pb-24{padding-bottom:6rem}
.pt-24{padding-top:6rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.mt-auto{margin-top:auto}
.mb-12{margin-bottom:3rem}
.mr-1\.5{margin-right:.375rem}
.ml-1\.5{margin-left:.375rem}
.scroll-smooth{scroll-behavior:smooth}
.whitespace-nowrap{white-space:nowrap}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.accent-blue-600{accent-color:#2563eb}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.leading-snug{line-height:1.375}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Blue color utilities for spaces pages */
.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}
.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}
.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}
.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}
.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}
.text-base{font-size:1rem;line-height:1.5rem}
.text-\[11px\]{font-size:11px}
.text-\[28px\]{font-size:28px}

/* Hover/focus variants for blue */
.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}
.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}
.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
.hover\:text-blue-900:hover{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}
.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}

/* Group hover for cards */
.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}
.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

/* Homepage-specific utilities */
.pl-11{padding-left:2.75rem}
.pl-12{padding-left:3rem}
.pr-11{padding-right:2.75rem}
.left-4{left:1rem}
.bg-\[\#f5f7fb\]{--tw-bg-opacity:1;background-color:rgb(245 247 251/var(--tw-bg-opacity,1))}

/* Responsive variants */
@media (min-width:768px){
  .md\:h-44{height:11rem}
  .md\:w-64{width:16rem}
  .md\:flex-row{flex-direction:row}
  .md\:items-center{align-items:center}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:text-sm{font-size:.875rem;line-height:1.25rem}
  .md\:text-base{font-size:1rem;line-height:1.5rem}
  .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .md\:text-\[15px\]{font-size:15px}
  .md\:text-\[32px\]{font-size:32px}
  .md\:px-16{padding-left:4rem;padding-right:4rem}
}
@media (min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}