.valuation-widget {
    container-type: inline-size;
    width: 100%;
    max-width: 300px;
    margin-bottom: 1.5rem;
}

/* Default styles for larger containers */
.widget-content {
    aspect-ratio: 384 / 504;
    padding: 1.5rem;
}

.widget-title { font-size: 1.125rem; }
.widget-price { font-size: 1.25rem; }
.widget-fair-value { font-size: 1.25rem; }
.star-container { height: 14rem; width: 6rem; }
.tube-container { width: 2.5rem; height: 14rem; }
.star-icon { width: 1rem; height: 1rem; }

/* Smaller container styles */
@container (max-width: 300px) {
    .widget-content {
        padding: 1rem;
    }

    .widget-title { font-size: 0.875rem; }
    .widget-price { font-size: 1rem; }
    .widget-fair-value { font-size: 1rem; }
    .star-container { height: 10rem; width: 4rem; }
    .tube-container { width: 2rem; height: 10rem; }
    .star-icon { width: 0.75rem; height: 0.75rem; }
}

@container (max-width: 200px) {
    .widget-content {
        padding: 0.75rem;
    }

    .widget-title { font-size: 0.75rem; }
    .widget-price { font-size: 0.875rem; }
    .widget-fair-value { font-size: 0.875rem; }
    .star-container { height: 8rem; width: 3rem; }
    .tube-container { width: 1.5rem; height: 8rem; }
    .star-icon { width: 0.625rem; height: 0.625rem; }
}