/* ══ COMPARE PAGE ══ */
.step-bar{display:flex;align-items:center;padding:32px 0 28px;gap:0}
.step-item{display:flex;align-items:center;flex:1;min-width:0}
.step-item:last-child{flex:none}
.step-num{width:32px;height:32px;border-radius:50%;background:var(--n100);color:var(--n400);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--t)}
.step-item.done .step-num{background:var(--teal-500);color:white}
.step-item.active .step-num{background:var(--blue-600);color:white;box-shadow:0 0 0 4px rgba(9,9,11,.1)}
.step-lbl{font-size:12px;font-weight:500;color:var(--n400);margin-left:8px;white-space:nowrap}
.step-item.done .step-lbl,.step-item.active .step-lbl{color:var(--n700)}
.step-line{flex:1;height:2px;background:var(--n100);margin:0 8px}
.step-item.done .step-line{background:var(--teal-400)}

.cmp-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;padding-bottom:64px;align-items:start}
.cmp-inputs{display:flex;flex-direction:column;gap:18px}
.cmp-card{background:white;border:1.5px solid var(--n100);border-radius:16px;padding:22px}
.cmp-card-title{font-size:15px;font-weight:600;color:var(--n900);margin-bottom:3px;display:flex;align-items:center;gap:8px}
.cmp-card-title i{color:var(--teal-500);font-size:17px}
.cmp-card-sub{font-size:12.5px;color:var(--n400);margin-bottom:16px}
.loc-info-box{display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(14,165,233,.06);border:1px solid rgba(14,165,233,.2);border-radius:8px;font-size:12.5px;color:var(--teal-700);margin-top:4px}
.loc-info-box i{color:var(--teal-500);flex-shrink:0}

.crit-head-row{display:grid;grid-template-columns:1fr 100px 100px;gap:8px;font-size:11px;font-weight:600;color:var(--n400);text-transform:uppercase;letter-spacing:.04em;padding:0 0 6px;border-bottom:1px solid var(--n100);margin-bottom:4px}
.crit-row{display:grid;grid-template-columns:1fr 100px 100px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--n50)}
.crit-row:last-child{border-bottom:none}
.crit-lbl{font-size:13.5px;color:var(--n700);display:flex;align-items:center;gap:6px}
.crit-lbl i{color:var(--teal-500);font-size:15px}
.crit-inp{padding:7px 9px;border:1.5px solid var(--n200);border-radius:8px;font-size:13.5px;font-family:var(--font-body);color:var(--n800);width:100%;transition:var(--t);background:var(--n50)}
.crit-inp:focus{border-color:var(--teal-500);outline:none;background:white;box-shadow:0 0 0 3px rgba(14,165,233,.1)}
.crit-avg{font-size:12px;color:var(--n400);text-align:center}

/* Result Panel */
.cmp-result{position:sticky;top:86px}
.result-panel{background:white;border:1.5px solid var(--n100);border-radius:16px;overflow:hidden}
.rp-header{background:var(--blue-600);padding:14px 18px;font-size:14px;font-weight:600;color:white;display:flex;align-items:center;gap:8px}
.score-section{display:flex;align-items:center;gap:18px;padding:20px}
.score-meta{flex:1}
.score-title{font-size:18px;font-weight:700;margin-bottom:4px}
.score-desc{font-size:12.5px;color:var(--n500);line-height:1.6}
.result-rows{padding:0 18px;display:flex;flex-direction:column;gap:0}
.rr{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--n50);font-size:13px;color:var(--n700)}
.rr:last-child{border-bottom:none}
.rr-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.rr-v{font-weight:500;color:var(--n900)}
.rr-avg{font-size:11px;color:var(--n400)}
.ai-advice-box{margin:12px 18px;background:rgba(14,165,233,.05);border:1px solid rgba(14,165,233,.15);border-radius:12px;padding:14px}
.aab-title{font-size:12px;font-weight:600;color:var(--navy-800);margin-bottom:10px;display:flex;align-items:center;gap:5px}
.aab-title i{color:var(--teal-500)}
.aab-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--n600);margin-bottom:7px;line-height:1.55}
.aab-item:last-child{margin-bottom:0}
.aab-item i{color:var(--teal-500);flex-shrink:0;margin-top:1px;font-size:14px}
.rp-btns{display:flex;gap:8px;padding:14px 18px 18px}

.cmp-tbl2{width:100%;border-collapse:collapse;font-size:12.5px}
.cmp-tbl2 th{padding:7px 10px;background:var(--n50);font-size:11px;font-weight:600;color:var(--n400);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--n100);text-align:left}
.cmp-tbl2 td{padding:10px 10px;border-bottom:1px solid var(--n50);color:var(--n700);vertical-align:middle}
.cmp-tbl2 tr:last-child td{border-bottom:none}

@media(max-width:1024px){.cmp-layout{grid-template-columns:1fr}.cmp-result{position:static}}
@media(max-width:480px){.crit-head-row,.crit-row{grid-template-columns:1fr 80px 80px}}