/* WorkMesh Utility classes */

.hidden { display: none !important; }

@media (max-width: 767px) {
  .hidden-mobile { display: none !important; }
}

@media (min-width: 768px) {
  .hidden-tablet-up { display: none !important; }
}

@media (min-width: 1024px) {
  .hidden-desktop { display: none !important; }
}

.mt-0 { margin-top: 0; }
.mt-4 { margin-top: var(--wm-space-4); }
.mt-6 { margin-top: var(--wm-space-6); }
.mt-8 { margin-top: var(--wm-space-8); }
.mt-12 { margin-top: var(--wm-space-12); }
.mt-16 { margin-top: var(--wm-space-16); }

.mb-0 { margin-bottom: 0; }
.mb-4 { margin-bottom: var(--wm-space-4); }
.mb-6 { margin-bottom: var(--wm-space-6); }
.mb-8 { margin-bottom: var(--wm-space-8); }
.mb-12 { margin-bottom: var(--wm-space-12); }

.max-w-md { max-width: 448px; }
.max-w-lg { max-width: 512px; }
.max-w-xl { max-width: 640px; }
.max-w-2xl { max-width: 768px; }
.max-w-3xl { max-width: 896px; }
.max-w-4xl { max-width: 1024px; }

.mx-auto { margin-left: auto; margin-right: auto; }

.block { display: block; }
.inline-block { display: inline-block; }

.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

.text-sm { font-size: 0.875rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }

.leading-tight { line-height: 1.2; }
.leading-relaxed { line-height: 1.8; }

.list-none { list-style: none; padding-left: 0; }