/* Utilitários mínimos compartilhados — apenas figuras, sem layout clone */

.hub-figure {
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    background: var(--color-primary-subtle, rgba(37, 99, 235, 0.04));
}

.hub-figure img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.hub-figure--wide img {
    aspect-ratio: 640 / 280;
}

.hub-figure--accent img {
    aspect-ratio: 360 / 240;
}

.hub-figure:not(.hub-figure--wide):not(.hub-figure--accent) img {
    aspect-ratio: 480 / 320;
}