/* ============================================================
   UTILITIES — drobne, jednoznaczne klasy pomocnicze zastępujące
   inline style="" w szablonach (spacing/flex na tokenach).
   Ładowane OSTATNIE (po skin) — wygrywają przy równej specyficzności.
   Skala spacingu = tokeny --sp-* (patrz tokens.css). Zero hardkodów.
   ============================================================ */

/* ── margin-top (skala tokenów) ── */
.u-mt-0 { margin-top: 0; }
.u-mt-3 { margin-top: var(--sp-3); }
.u-mt-4 { margin-top: var(--sp-4); }
.u-mt-5 { margin-top: var(--sp-5); }
.u-mt-6 { margin-top: var(--sp-6); }
.u-mt-7 { margin-top: var(--sp-7); }

/* ── margin-bottom ── */
.u-mb-3 { margin-bottom: var(--sp-3); }

/* ── padding-block-end (sekcje/kontenery) ── */
.u-pb-8 { padding-bottom: var(--sp-8); }

/* ── flex helpers ── */
.u-fw-wrap { flex-wrap: wrap; }
.u-center-x { justify-content: center; }

/* ── typografia/kształt ── */
.u-text-lg { font-size: var(--text-lg); }
.u-radius-lg { border-radius: var(--radius-lg); }

/* ── notka wprowadzająca pod hero (404 / thank-you) ── */
.iab-note { margin-top: var(--sp-4); color: var(--c-muted); }
.iab-note--narrow { max-width: 48ch; margin-inline: auto; }

/* ── aside wyszukiwarki (kolumna) ── */
.iab-blog-aside--narrow { max-width: 480px; margin-top: var(--sp-5); }