/* =============================================
   UTILITIES
   Single-purpose helper classes used to override or nudge styles inline.
   Includes: .lowercase, .grey, .purple500, spacing nudges, visibility helpers.
   If it does exactly one thing and gets applied directly in HTML, it belongs here.
   ============================================= */
   
.lowercase { text-transform: lowercase; }
.grey { color: var(--neut200); }
.purple500 { background: var(--purp500); }
.flex-row { display: flex; align-items: center; }
.flex-row .uk-form-label, .flex-row-meta .uk-form-label { margin-right: 12px; width: 150px; text-align: right; }
.flex-row-meta { display: flex; align-items: baseline; }
.uk-width-mid { width: 178px; }