/* Responsive behavior based on the simulator's own width inside page-builder columns. */
.fpy-sim {
    container-type: inline-size;
}

@container (max-width: 760px) {
    .fpy-sim { min-height: 0; }
    .fpy-sim__body {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        padding: 28px 26px;
    }
    .fpy-sim__form { gap: 19px; }
    .fpy-sim__actions { margin-top: 2px; }
    .fpy-sim__results { width: 100%; min-width: 0; }
    .fpy-sim__result-main strong { font-size: clamp(30px, 10cqw, 42px); }
    .fpy-sim__disclaimer { padding: 0 26px 24px; }
}

@container (max-width: 430px) {
    .fpy-sim__header { padding: 22px 20px; gap: 13px; }
    .fpy-sim__logo { width: 60px; height: 60px; }
    .fpy-sim__header h2 { font-size: 25px; }
    .fpy-sim__header > div > p:last-child { font-size: 13px; }
    .fpy-sim__body { padding: 24px 20px; }
    .fpy-sim__actions { flex-direction: column-reverse; }
    .fpy-sim__button { width: 100%; }
    .fpy-sim__result-list { padding-left: 18px; padding-right: 18px; }
    .fpy-sim__result-list div { gap: 12px; }
}