/*
 * T2-C Sub-task 2 — extracted inline-style utility classes.
 *
 * Each class below was previously a repeated `style="..."` attribute across
 * `frontend/*.html` (and `frontend/da/*.html`). Per the strict-CSP rollout
 * brief, static inline styles are migrated to classes so the eventual
 * removal of `style-src-attr 'unsafe-inline'` doesn't break authored
 * markup. JS that sets `element.style.*` at runtime is OUT OF SCOPE and
 * keeps the exception alive until refactored separately.
 *
 * Naming: `u-` prefix marks utility classes (vs. component classes which
 * live in main.css / penna-tokens.css). The suffix is descriptive rather
 * than auto-numbered so future diffs read clearly. Only patterns with
 * zero context-dependence are included — pure layout/display primitives.
 *
 * Coverage so far (partial extraction; remainder tracked in PR body):
 *   .u-hidden                 →  style="display:none" / "display:none;" / "display: none;"
 *   .u-block                  →  style="display:block" / "display:block;flex-shrink:0"
 *                                (the second variant also covers a common
 *                                 inline-SVG sizing pattern, see .u-block-fixed)
 *   .u-block-fixed            →  style="display:block;flex-shrink:0"
 *   .u-flex-center-16         →  style="display:flex; align-items:center; gap:16px; width:100%;"
 *   .u-flex-col-12            →  style="display:flex;flex-direction:column;gap:12px;"
 *   .u-flex-col-8             →  style="display:flex;flex-direction:column;gap:8px;"
 */

.u-hidden { display: none; }

.u-block { display: block; }

.u-block-fixed { display: block; flex-shrink: 0; }

.u-flex-center-16 {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.u-flex-col-12 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.u-flex-col-8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}