/* CSS Utility Classes extracted from inline styles */

.mb-2 { margin-bottom: var(--space-2); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-6 { margin-bottom: var(--space-6); }
.mb-8 { margin-bottom: var(--space-8); }
.mb-12 { margin-bottom: var(--space-12); }
.mb-16 { margin-bottom: var(--space-16); }
.mb-0 { margin-bottom: 0; }
.mt-6 { margin-top: var(--space-6); }
.mt-8 { margin-top: var(--space-8); }
.mt-16 { margin-top: var(--space-16); }
.my-4 { margin-block: var(--space-4); }
.py-4 { padding-block: var(--space-4); }
.py-6 { padding-block: var(--space-6); }
.py-8 { padding-block: var(--space-8); }
.pt-12 { padding-top: var(--space-12); }
.pt-16 { padding-top: var(--space-16); }
.pt-hero { padding-top: calc(var(--space-16) + 80px); }
.mx-auto { margin: 0 auto; }
.mx-4 { margin-inline: var(--space-4); }

.container-sm { max-width: 800px; margin: 0 auto; }
.container-xs { max-width: 600px; margin: 0 auto; }

.flex-center { display: flex; align-items: center; justify-content: center; }
.flex-between { display: flex; justify-content: space-between; }
.d-block { display: block; }
.grid-gap-2 { display: grid; gap: var(--space-2); }
.self-center { align-self: center; }
.span-1 { grid-column: span 1; }

.border-t { border-top: 1px solid var(--color-border); }
.border-b { border-bottom: 1px solid var(--color-border); }
.border-t-none { border-top: none; }
.rounded-lg { border-radius: var(--radius-lg); }

.card-bordered { background-color: var(--color-bg-primary); padding: var(--space-8); border-radius: var(--radius-lg); border: 1px solid var(--color-border); }

.text-center { text-align: center; }
.text-left { text-align: left; }
.w-full { width: 100%; }
.resize-none { resize: none; }
.btn-inverted { color: var(--color-bg-primary); border-color: var(--color-bg-primary); width: 100%; }

.noscript-alert { background: #fee; color: #c00; }
.hero-subtitle { margin-top: var(--space-6); margin-bottom: var(--space-8); max-width: 480px; }
.btn-group { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.facts-grid-wrap { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); padding-block: var(--space-8); }