/* «أبطال الحفظ» — بوستر بألوان المنصة: الصورة تملأ الكرت، حجم مرتّب. */
#top-students .ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,186px));justify-content:center;gap:20px;margin-top:44px}
@media (max-width:640px){#top-students .ts-grid{grid-template-columns:minmax(0,220px)}}
#top-students .ts-card{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;
  background:linear-gradient(160deg,#1abaa6 0%,#0f766e 55%,#0b5f58 100%);
  box-shadow:0 16px 34px -20px rgba(15,118,110,.6);transition:transform .45s ease, box-shadow .45s ease}
#top-students .ts-card:hover{transform:translateY(-6px);box-shadow:0 26px 48px -22px rgba(15,118,110,.7)}
#top-students .ts-card::before{content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(120% 80% at 78% 12%, rgba(255,255,255,.22), transparent 55%),radial-gradient(90% 70% at 15% 95%, rgba(0,0,0,.18), transparent 60%)}
#top-students .ts-rank{position:absolute;top:12px;inset-inline-start:12px;z-index:3;display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);
  color:#fff;font-weight:900;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#top-students .ts-img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
#top-students .ts-foot{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 12px 13px;text-align:center;color:#fff;
  background:linear-gradient(to top, rgba(6,52,45,.92), rgba(6,52,45,.5) 55%, transparent)}
#top-students .ts-name{font-size:17px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.3)}
#top-students .ts-score{margin-top:5px;display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);padding:3px 11px;border-radius:999px}
@media (prefers-reduced-motion:reduce){#top-students .ts-card{transition:none}}