@import url('/bpm-finder.css');
.result-grid { display:grid; grid-template-columns:1.45fr .75fr .75fr; gap:.7rem; margin-top:.8rem; }
.result-card { margin-top:0; grid-template-columns:1fr; align-content:center; min-height:7.5rem; }
.result-card .result-value { font-size:clamp(1.8rem,7vw,3.4rem); overflow-wrap:anywhere; }
.result-card .result-value.number { font-variant-numeric:tabular-nums; }
.candidate-panel { margin-top:.8rem; padding:1rem 1.15rem; border:1px solid var(--line); border-radius:1rem; background:var(--panel-strong); text-align:left; }
.candidate-panel h2 { margin:0 0 .65rem; color:var(--muted); font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; }
.candidate-list { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.candidate-list li { display:grid; grid-template-columns:minmax(7.5rem,auto) 1fr; align-items:center; gap:.8rem; color:var(--text); font-weight:750; }
.candidate-list small { color:var(--muted); font-size:.76rem; }
.candidate-bar { height:.42rem; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.08); }
.candidate-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--lime)); }
@media (max-width:620px){.result-grid{grid-template-columns:1fr 1fr}.result-grid .result-card:first-child{grid-column:1/-1}.candidate-list li{grid-template-columns:7.5rem 1fr}}