/* Layout Utilities */

/* Display */

/* Flexbox Utilities */
/* Justify Content */

/* Align Items */
/* Align Content */

/* Align Self */

/* Position */
/* Top, Right, Bottom, Left */

.top-0 { top: 0; }
/* Z-Index */
/* Float */
.float-right { float: right; }

/* Clear */

/* Overflow */



/* Common Layout Patterns */
    justify-content: center;
    align-items: center;
}

    justify-content: space-between;
    align-items: center;
}

    justify-content: space-around;
    align-items: center;
}

    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* Grid Utilities */
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }

/* Responsive Grid */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
}