/* ─────────────────────────────────────────────────────────────────
   utilities.css — small set of single-purpose helpers used to lift
   inline style="..." attributes out of templates so the CSP
   style-src directive can drop 'unsafe-inline'.

   Naming: `.u-<intent>`. Add new utilities only when the same
   inline rule appears in two or more templates — otherwise prefer
   a component or page-scoped class.

   Depends on tokens.css for --space-* custom properties. Loaded
   after tokens.css in both public (layouts/base.twig) and admin
   (admin/layout.twig).
   ───────────────────────────────────────────────────────────── */

.u-inline       { display: inline; }
.u-text-center  { text-align: center; }
.u-mx-auto      { margin-inline: auto; }
.u-mt-3         { margin-top: var(--space-3); }
.u-mt-5         { margin-top: var(--space-5); }
.u-mt-6         { margin-top: var(--space-6); }
.u-mb-4         { margin-bottom: var(--space-4); }
.u-thumbs-220   { grid-template-columns: 220px; }
.u-text-small   { font-weight: normal; font-size: 0.85em; }

/* Visually-hidden but accessible-to-screen-readers honeypot field.
   Used by the contact form to catch naive form-fillers. */
.u-sr-only {
    position: absolute;
    left: -9999px;
}