input::placeholder { font-style: italic; }
    /* If your CSS already defines .vh/.visually-hidden, remove this */
    .vh, .visually-hidden {
      position: absolute !important;
      height: 1px; width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      white-space: nowrap;
    }
    .info-btn {
      background: none;
      border: 0;
      padding: 0;
      margin-left: .25rem;
      cursor: pointer;
      color: inherit;
    }
    .req {
      margin-left: .25rem;
    }
    
.field-label {
  display: inline-flex;
  align-items: center;        /* key: vertical alignment */
  gap: 0.35rem;
  white-space: nowrap;
}

.field-label label {
  margin: 0;
  line-height: 1.2;           /* normalize text height */
  font-weight: 600;
}

.info-icon {
  flex-shrink: 0;
  line-height: 1;             /* prevents font-awesome drift */
  padding: 0;
}

/* Fine-tune the Font Awesome icon */
.info-icon i {
  font-size: 0.85em;          /* slightly smaller than text */
  position: relative;
  top: 1px;                   /* 👈 micro-adjustment */
}

.dropdown-pane {
  z-index: 10000;
}

.row,
.columns,
.flex-container,
.callout {
  overflow: visible;
}

/* Scope overflow/position fixes to the form area instead of global */
.case-type-wrapper,
.medium-4.columns {
  position: relative;   /* helps dropdown position correctly */
  overflow: visible;    /* prevents clipping */
}

/* Foundation dropdown pane: make it readable and not “invisible” */
.dropdown-pane {
  z-index: 10000;
  max-width: 28rem;     /* prevents giant tooltip */
  width: max-content;   /* lets it size to text */
  white-space: normal;  /* allow wrapping */
  line-height: 1.35;
  font-size: 0.95rem;
  color: #111;
}

/* If the tooltip is too narrow on some browsers, use this fallback */
@supports not (width: max-content) {
  .dropdown-pane { width: 28rem; max-width: 90vw; }
}

/* Optional: improve spacing inside the pane */
.dropdown-pane p {
  margin: 0 0 .75rem 0;
}
.dropdown-pane p:last-child {
  margin-bottom: 0;
}

/* Readonly inputs must meet 3:1 contrast */
input[readonly],
textarea[readonly],
select[readonly] {
  background-color: #f5f7f8;       /* light but not disabled-gray */
  color: #222;                     /* readable text */
  border: 2px solid #6b7280;       /* strong neutral border */
  opacity: 1;                      /* override browser gray-out */
}