/**
 * Application-level styles.
 *
 * Keep this file minimal — Tailwind handles almost everything.
 * Only add styles here that cannot be expressed as utility classes.
 *
 * Location: web/css/app.css
 */

body {
    font-family: 'Manrope', sans-serif;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: 200px;
    gap: 16px;
}

.masonry-tall {
    grid-row: span 2;
}