/* Custom CSS for Website Monitor UI */

/* You can add custom styles here to override Bootstrap or add new styles. */

/* Example:
body {
    font-size: 1rem;
}

.table {
    font-size: 0.9rem;
}
*/

/* Baseline gallery and cards */
.baseline-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
}
.baseline-card {
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    padding: 10px;
    text-align: center;
    background: #fff;
}
.baseline-thumb {
    width: 150px;
    height: auto;
}
.baseline-meta {
    font-size: .8rem;
}

/* Defensive styling: ensure subpage images render as thumbnails even if old markup is used */
#baselineSection .card-body img.img-thumbnail {
    width: 150px;
    height: auto;
}

.baseline-list .list-group-item {
    display: flex;
    align-items: center;
}
.baseline-list .baseline-thumb {
    width: 120px;
}