/* Utility classes — replace common inline style patterns */
.u-hidden {
  display: none !important;
}

.u-flex {
  display: flex;
}

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

.u-nowrap {
  white-space: nowrap;
}

.u-w-full {
  width: 100%;
}

.u-flex-wrap-gap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Legacy alias — prefer .u-hidden in new markup */
.dnone {
  display: none !important;
}

/* JS-togglable hide (no !important — inline style.display can override) */
.u-collapsed {
  display: none;
}

.u-visually-hidden {
  opacity: 0;
  position: absolute;
  height: 0;
  overflow: hidden;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-text-center {
  text-align: center;
}

.u-mt-40 {
  margin-top: 40px;
}