/*
 * Ruya security hardening utilities.
 *
 * These rules preserve values previously expressed as inline style=""
 * attributes so production CSP can enforce style-src-attr 'none'.
 */

.sec-gap-2 {
  gap: var(--space-2) !important;
}

.sec-mbs5-mbe6 {
  margin-block-start: var(--space-5) !important;
  margin-block-end: var(--space-6) !important;
}

.sec-mbe-10 {
  margin-block-end: var(--space-10) !important;
}

.sec-mbs-1 {
  margin-block-start: var(--space-1) !important;
}

.sec-small-muted-mbe4 {
  font-size: var(--text-sm) !important;
  color: var(--color-text-muted) !important;
  margin-block-end: var(--space-4) !important;
}

.sec-small-muted-mbe2 {
  font-size: var(--text-sm) !important;
  color: var(--color-text-muted) !important;
  margin-block-end: var(--space-2) !important;
}

.sec-height-100 {
  height: 100px !important;
}

.sec-height-67 {
  height: 67px !important;
}

.sec-height-50 {
  height: 50px !important;
}

.sec-height-44 {
  height: 44px !important;
}

.sec-height-39 {
  height: 39px !important;
}

.sec-latin-isolate {
  font-family: var(--font-latin) !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

.sec-mbs3-inline-flex {
  margin-block-start: var(--space-3) !important;
  display: inline-flex !important;
}

.sec-mbe-8 {
  margin-block-end: var(--space-8) !important;
}

.sec-mbs-4 {
  margin-block-start: var(--space-4) !important;
}

.sec-mb-4-8 {
  margin-block: var(--space-4) var(--space-8) !important;
}