/* NIAS Comparison Table widget */
.bct{
    --bct-green:#0f3d2e;
    --bct-gold:#c79a4b;
    --bct-cream:#fdf4e4;
    --bct-yes-bg:#36a04a;
    --bct-yes-color:#ffffff;
    --bct-no-bg:#e0473f;
    --bct-no-color:#ffffff;
    --bct-label:#2f3a32;
    --bct-value:#3a4a3f;
    --bct-line:#ececec;
    --bct-head-color:#ffffff;
    --bct-radius:16px;
    --bct-pad:16px 18px;
    direction:ltr;
    text-align:left;
    width:100%;
}
.bct *{box-sizing:border-box;}

.bct__table{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr 1fr;
    background:#ffffff;
    border-radius:var(--bct-radius);
    overflow:hidden;
    box-shadow:0 6px 30px rgba(15,61,46,.06);
}

/* ---- header row ---- */
.bct__head{
    background:var(--bct-green);
    color:var(--bct-head-color);
    padding:var(--bct-pad);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
    min-height:84px;
}
.bct__head.bct__m{
    align-items:flex-start;
    text-align:left;
}
.bct__title{
    font-weight:700;
    letter-spacing:.04em;
    line-height:1.25;
    text-transform:uppercase;
    font-size:14px;
}
.bct__sub{
    font-size:11px;
    opacity:.75;
    letter-spacing:.03em;
}
.bct__metric-heading{
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:13px;
}
.bct__logo{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--bct-gold);
    font-size:26px;
    line-height:1;
    margin-bottom:2px;
}
.bct__logo img{max-height:30px;width:auto;display:block;}
.bct__logo svg{width:1em;height:1em;fill:currentColor;}

/* ---- body cells ---- */
.bct__label,
.bct__val{
    padding:var(--bct-pad);
    border-bottom:1px solid var(--bct-line);
    display:flex;
    align-items:center;
    background:#ffffff;
}
.bct__label{
    gap:12px;
    color:var(--bct-label);
    justify-content:flex-start;
}
.bct__label-icon{
    flex:0 0 auto;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--bct-green);
    opacity:.7;
    font-size:18px;
}
.bct__label-icon img{max-width:22px;height:auto;}
.bct__label-icon svg{width:1em;height:1em;fill:currentColor;}
.bct__label-text{
    font-size:14px;
    line-height:1.35;
}
.bct__val{
    justify-content:center;
    text-align:center;
    color:var(--bct-value);
}
.bct__txt{font-size:13.5px;line-height:1.35;}

/* mark circles */
.bct__mark{
    width:26px;height:26px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    flex:0 0 auto;
}
.bct__mark svg{width:13px;height:13px;display:block;}
.bct__mark--yes{background:var(--bct-yes-bg);color:var(--bct-yes-color);}
.bct__mark--no{background:var(--bct-no-bg);color:var(--bct-no-color);}
.bct__mark svg path{stroke:currentColor;}

/* ---- featured column (col 1) ---- */
.bct__c1{background:var(--bct-cream);}
.bct__c1.bct__val{border-left:2px solid var(--bct-gold);border-right:2px solid var(--bct-gold);}
.bct__head.bct__c1{
    background:var(--bct-green);
    border:2px solid var(--bct-gold);
    border-bottom:none;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
}
.bct__c1--last.bct__val{
    border-bottom:2px solid var(--bct-gold);
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
}

/* remove outer line bleed on last data row */
.bct__label--last,
.bct__val--last:not(.bct__c1--last){border-bottom:1px solid var(--bct-line);}

/* ---- responsive: stack by metric ---- */
@media (max-width:767px){
    .bct__table{
        display:block;
        box-shadow:0 4px 20px rgba(15,61,46,.08);
    }
    .bct__head{display:none;}
    .bct__label{
        background:var(--bct-green);
        color:var(--bct-head-color);
        border-bottom:none;
        margin-top:10px;
        font-weight:600;
    }
    .bct__label:first-child{margin-top:0;}
    .bct__label-icon{color:var(--bct-gold);opacity:1;}
    .bct__label-text{font-size:14px;font-weight:600;}
    .bct__val{
        justify-content:space-between;
        text-align:right;
        border-bottom:1px solid var(--bct-line);
    }
    .bct__val::before{
        content:attr(data-plan);
        font-size:13px;
        font-weight:600;
        color:var(--bct-label);
        text-align:left;
        padding-right:12px;
    }
    /* reset featured column borders on mobile, keep highlight */
    .bct__c1.bct__val,
    .bct__c1--last.bct__val{
        border-left:none;border-right:none;border-radius:0;
        border-left:4px solid var(--bct-gold);
    }
}