.rl-result-wrapper{
    margin-top:24px;
    padding:24px;
    border:1px solid #e8edf5;
    border-radius:16px;
    background:#fff;
    box-sizing:border-box;
}
.rl-result-title{
    margin:0 0 18px;
}
.rl-result-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.rl-result-card{
    padding:18px;
    border:1px solid #e8edf5;
    border-radius:14px;
    background:#fff;
}
.rl-result-card-label{
    display:block;
    min-height:2.8em;
    font-size:14px;
    line-height:1.4;
}
.rl-result-card-value{
    display:block;
    margin-top:8px;
    font-size:28px;
    line-height:1.15;
}
.rl-result-exact{
    margin:16px 0 0;
    font-size:14px;
}
.rl-result-recommend{
    margin-top:20px;
    padding:16px;
    border-radius:12px;
    background:#f1fbf8;
}
.rl-result-formula{
    margin-top:20px;
}
.rl-result-wrapper--error{
    padding:16px;
}
.rl-result-error{
    margin:0;
}
[data-rl-result-mount]:empty{
    display:none;
}
@media(max-width:700px){
    .rl-result-grid{
        grid-template-columns:1fr 1fr;
    }
    .rl-result-card-value{
        font-size:24px;
    }
}
@media(max-width:440px){
    .rl-result-grid{
        grid-template-columns:1fr;
    }
}

/* Result visual geometry v1.2.3 */
@media(min-width:981px){
    .rl-calculator-page .rl-result-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:12px;
    }

    .rl-calculator-page .rl-result-card{
        min-width:0;
        padding:14px;
    }

    .rl-calculator-page .rl-result-card-value{
        font-size:22px;
        line-height:1.05;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .rl-calculator-page .rl-result-card-label{
        min-height:30px;
        font-size:12px;
        line-height:1.2;
    }
}


/* =========================================================
   Result highlight + focus behavior v1.2.4
   ========================================================= */

.rl-calculator-page .rl-result-wrapper{
    background:#F2FFFD;
    border:1px solid #BFEFEB;
    border-radius:20px;
    box-shadow:0 10px 28px rgba(23,185,176,.08);
    padding:24px;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.rl-calculator-page .rl-result-wrapper .rl-result-card{
    background:#FFFFFF;
    border:1px solid #D9EEEB;
    border-radius:16px;
    box-shadow:none;
}

.rl-calculator-page .rl-result-wrapper .rl-result-card-value{
    color:#143A66;
    font-weight:700;
}

.rl-calculator-page .rl-result-wrapper .rl-result-card-label{
    color:#687386;
}

.rl-calculator-page .rl-result-wrapper.rl-result-flash{
    border-color:#17B9B0;
    box-shadow:0 0 0 4px rgba(23,185,176,.10), 0 12px 30px rgba(23,185,176,.12);
}

@media(max-width:640px){
    .rl-calculator-page .rl-result-wrapper{
        padding:18px;
        border-radius:16px;
    }
}


/* Mobile result cards v1.2.5 */
@media(max-width:640px){

    .rl-calculator-page .rl-result-wrapper{
        padding:16px;
        border-radius:16px;
    }

    .rl-calculator-page .rl-result-title{
        font-size:20px;
        margin-bottom:12px;
    }

    .rl-calculator-page .rl-result-grid{
        grid-template-columns:1fr 1fr !important;
        gap:9px;
    }

    .rl-calculator-page .rl-result-card{
        padding:12px;
        border-radius:12px;
    }

    .rl-calculator-page .rl-result-card-label{
        min-height:0;
        font-size:11px;
        line-height:1.2;
    }

    .rl-calculator-page .rl-result-card-value{
        margin-top:7px;
        font-size:20px;
        line-height:1.05;
    }
}

@media(max-width:370px){
    .rl-calculator-page .rl-result-grid{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   Desktop column alignment v1.3.1
   Keeps the result block aligned to the main calculator column.
   ========================================================= */
@media(min-width:981px){
    .rl-calculator-page .rl-result-wrapper{
        width:100%;
        max-width:none;
        box-sizing:border-box;
    }

    .rl-calculator-page .rl-result-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px;
    }

    .rl-calculator-page .rl-result-card{
        min-width:0;
    }
}


/* =========================================================
   Main-column width lock v1.3.2
   Aligns the result container with the calculator/steps column
   in Page Layout Engine v1.6+ without changing mobile behavior.
   ========================================================= */
@media(min-width:981px){
    .rl-page-shell--modern .rl-renderer-result-mount.rl-result-wrapper,
    .rl-page-shell--modern [data-rl-result-mount].rl-result-wrapper{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        justify-self:stretch !important;
        align-self:stretch !important;
        box-sizing:border-box !important;
    }

    .rl-page-shell--modern .rl-renderer-result-mount .rl-result-grid,
    .rl-page-shell--modern [data-rl-result-mount] .rl-result-grid{
        width:100% !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px;
        box-sizing:border-box;
    }
}