/* ── Results Panel (About Section Right Column) ── */
.results-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15);height:100%;}
.results-panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);}
.results-panel-header h4{color:#fff;margin:0;font-size:1.15rem;font-weight:700;}
.results-scroll{padding:12px 16px;max-height:420px;overflow-y:auto;}
.results-scroll::-webkit-scrollbar{width:4px;}
.results-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px;}

.result-card{display:flex;gap:14px;align-items:center;padding:12px 14px;margin-bottom:10px;background:rgba(255,255,255,.06);border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .25s;}
.result-card:hover{background:rgba(255,255,255,.1);transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,.2);}

.result-photo-wrap{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,193,7,.5);box-shadow:0 0 12px rgba(255,193,7,.15);}
.result-photo{width:100%;height:100%;object-fit:cover;}
.result-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d2d44,#3d3d5c);color:rgba(255,255,255,.4);font-size:1.4rem;}

.result-info{flex:1;min-width:0;}
.result-name{color:#fff;font-weight:700;font-size:.9rem;margin:0 0 4px;}
.result-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px;}
.result-exam{color:rgba(255,255,255,.55);font-size:.75rem;}
.result-class{color:#ffc107;font-size:.75rem;font-weight:600;}

.result-scores{display:flex;gap:6px;flex-wrap:wrap;}
.result-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:700;}
.result-badge-pct{background:rgba(76,175,80,.2);color:#66bb6a;border:1px solid rgba(76,175,80,.25);}
.result-badge-grade{background:rgba(33,150,243,.2);color:#42a5f5;border:1px solid rgba(33,150,243,.25);}
.result-badge-div{background:rgba(255,152,0,.2);color:#ffa726;border:1px solid rgba(255,152,0,.25);}
.result-rank{color:#ffc107;font-size:.72rem;font-weight:600;margin-top:4px;}

@media(max-width:991px){.results-scroll{max-height:350px;}}
@media(max-width:575px){.result-photo-wrap{width:48px;height:48px;}.result-name{font-size:.82rem;}}