/* ============================================================
   WJR FIXER — utilities.css
   Classes utilitárias e acessibilidade. Carregado por último
   entre os arquivos compartilhados para poder sobrepor componentes.
   ============================================================ */
.mt-1{ margin-top:.5rem; } .mt-2{ margin-top:1rem; } .mt-3{ margin-top:1.6rem; }
.mt-4{ margin-top:2.4rem; } .mt-5{ margin-top:3.2rem; } .mt-6{ margin-top:4.5rem; }
.mb-2{ margin-bottom:1rem; } .mb-3{ margin-bottom:1.6rem; } .mb-4{ margin-bottom:2.4rem; }
.maxch{ max-width:62ch; } .maxch-sm{ max-width:46ch; } .maxch-xs{ max-width:34ch; }
.center{ text-align:center; } .mx-auto{ margin-inline:auto; }
.sand{ color:var(--sand); }
.flex{ display:flex; } .items-center{ align-items:center; } .gap-2{ gap:1rem; }
.eyebrow-row{ display:flex; align-items:center; gap:1rem; margin-bottom:1.6rem; }

/* brand mark — small signature between content blocks */
.brand-mark-sm{ display:block; width:32px; height:auto; opacity:.38; flex:none; }

/* skip link */
.skip{ position:absolute; left:-9999px; }
.skip:focus{ left:1rem; top:1rem; z-index:2000; background:var(--off); color:var(--ink); padding:.6em 1em; border-radius:4px; }

:focus-visible{ outline:2px solid var(--sand); outline-offset:3px; border-radius:2px; }