/* Handy CSS patterns */
.center { display: grid; place-items: center; }
.hide { display: none !important; }
.flex { display: flex; align-items: center; gap: var(--space-3); }
.row { display: flex; gap: var(--space-3); }
.col { display: flex; flex-direction: column; gap: var(--space-3); }
.max-w-sm { max-width: 420px; }
.max-w-md { max-width: 680px; }
.max-w-lg { max-width: 980px; }