/* ===========================================================================
   Lottery Results v2 — masonry grid container
   ---------------------------------------------------------------------------
   Card visuals live in lottery-card-v2.css. Positioning is done by
   public/js/lottery-grid-v2.js, which measures real card heights and
   absolutely positions each .v2-grid-item. Before the script runs (and with
   JS disabled) cards fall back to a simple 3-up inline layout.
   =========================================================================== */

.v2-results {
    width: 100%;
    padding: 15px 0;
}

.v2-grid {
    position: relative;
}

.v2-grid-item {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
}

/* Single column below 992px — the script also clears its inline positioning. */
@media (max-width: 992px) {
    .v2-grid {
        height: auto !important;
    }

    .v2-grid-item {
        position: static !important;
        display: block;
        width: 100% !important;
        top: auto !important;
        left: auto !important;
        margin-bottom: 15px;
    }
}