html.home-page body.cosmic #student-section.home-top-students { display: block; padding: 28px 0; }
.home-top-students .student-discovery-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.home-top-students .student-discovery-header h2 { margin: 0; color: #f5d67c; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(34px, 2.7vw, 42px); line-height: 1.15; }
.home-top-students .student-discovery-header > a { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 auto; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 11px; background: linear-gradient(135deg,#f5d67c,#d4af37); color: #071421; font-size: 14px; font-weight: 700; text-decoration: none; }
.home-top-students .student-discovery-grid { display: flex; gap: 18px; align-items: stretch; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none; padding-block: 3px 10px; }
.home-top-students .student-discovery-grid::-webkit-scrollbar { display: none; }
.home-top-students .student-discovery-card { box-sizing: border-box; flex: 0 0 calc((100% - 54px)/4); scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; padding: 16px; border: 1px solid rgba(34,170,190,.5); border-radius: 17px; background: radial-gradient(ellipse at top,rgba(0,115,156,.1),transparent 65%),linear-gradient(180deg,#061f2e,#031520); box-shadow: inset 0 1px 0 rgba(245,214,124,.12); text-align: center; color: #e8f0f6; }
.home-top-students .student-card__top { width: 100%; text-align: left; }
.home-top-students .student-card__top > span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid #16566e; background: linear-gradient(120deg,#092633,#063449); border-radius: 999px; font-size: 12px; font-weight: 600; }
.home-top-students .student-card__avatar { flex: 0 0 auto; width: 108px; height: 108px; border: 2px solid #d9b758; border-radius: 50%; object-fit: cover; background: #102536; }
.home-top-students .student-discovery-card h3 { margin: 0; width: 100%; font-size: 19px; font-weight: 700; line-height: 1.25; }
.home-top-students .student-discovery-card :is(h3,.student-card__course,.student-card__education) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; max-width: 100%; }
.home-top-students .student-card__course { margin: 0; font-size: 13px; line-height: 1.35; color: #bdcdda; }
.home-top-students .student-card__education { margin: 0; font-size: 12px; line-height: 1.4; color: #a8bbc8; }
.home-top-students .student-card__education > span { color: #f5d67c; }
.home-top-students .student-card__status { padding: 6px 9px; border: 1px solid #9c802c; background: rgba(223,178,47,.08); border-radius: 999px; font-size: 11px; color: #f5d67c; }
.home-top-students .student-card__metrics { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 3px; }
.home-top-students .student-card__metric { display: grid; grid-template-columns: 20px minmax(0,1fr); align-content: center; align-items: center; gap: 4px 6px; min-width: 0; padding: 10px 7px; min-height: 82px; border: 1px solid #19556a; border-radius: 10px; background: linear-gradient(145deg,#052131,#041622); font-size: 12px; text-align: left; }
.home-top-students .student-card__icon { grid-row: 1/3; color: #f5d67c; font-size: 21px; }
.home-top-students .student-card__icon svg { width: 20px; height: 24px; }
.home-top-students .student-card__metric strong { grid-column: 2; color: #f5d67c; font-size: 18px; line-height: 1.2; }
.home-top-students .student-card__metric progress { grid-column: 1/-1; appearance: none; width: 100%; height: 6px; margin-top: 4px; border: 0; border-radius: 9px; overflow: hidden; background: #244352; accent-color: #f5c451; }
.home-top-students progress::-webkit-progress-bar { background: #244352; }
.home-top-students progress::-webkit-progress-value { background: #f5c451; }
.home-top-students progress::-moz-progress-bar { background: #f5c451; }
.home-top-students .student-card__metrics-secondary .student-card__metric { min-height: 64px; }
.home-top-students .student-card__metrics-secondary .student-card__metric:only-child { grid-column: 1/-1; }
.home-top-students .student-card__modules strong { color: #f5d67c; }
html.home-page body.cosmic #student-section .student-card__cta { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; box-sizing: border-box; padding: 8px; width: 100%; margin-top: auto; border-radius: 11px; background: linear-gradient(110deg,#fac43d,#ffda75); color: #071421; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none; }
.home-top-students :is(a,button,[tabindex]):focus-visible { outline: 2px solid #f5d67c; outline-offset: -3px; }
.home-top-students .student-discovery-empty { grid-column: 1/-1; padding: 24px; border: 1px solid #244352; border-radius: 14px; color: #bdcdda; }
.home-top-students .student-slider-controls:not([hidden]) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.home-top-students .student-slider-controls button { min-height: 44px; min-width: 44px; padding: 7px 12px; border: 1px solid #19556a; border-radius: 9px; background: #061f2e; color: #f5d67c; font-size: 12px; cursor: pointer; }
.home-top-students .student-slider-dots { display: flex; flex: 1 1 180px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.home-top-students .student-slider-dots button { flex: 0 0 32px; min-width: 32px; padding: 0; border: 0; display: grid; place-items: center; background: none; }
.home-top-students .student-slider-dots button::before { content: ''; width: 7px; height: 7px; border-radius: 99px; background: #48606f; }
.home-top-students .student-slider-dots button[aria-current="true"]::before { width: 18px; background: #f5c451; }
@media (min-width:768px) and (max-width:1099px) { .home-top-students .student-discovery-card { flex-basis: calc((100% - 18px)/2); } }
@media (max-width:767px) {
  html.home-page body.cosmic #student-section.home-top-students { padding: 18px 0; }
  .home-top-students .student-discovery-header h2 { font-size: 26px; }
  .home-top-students .student-discovery-header > a { min-height: 42px; padding: 6px 10px; font-size: 12px; }
  .home-top-students .student-discovery-grid { display: flex; width: 100%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none; padding: 2px 0 8px; }
  .home-top-students .student-discovery-grid::-webkit-scrollbar { display: none; }
  .home-top-students .student-discovery-card { box-sizing: border-box; flex: 0 0 64%; min-width: 226px; padding: 12px; gap: 8px; scroll-snap-align: start; }
  .home-top-students .student-card__avatar { width: 94px; height: 94px; }
  .home-top-students .student-discovery-card h3 { font-size: 18px; }
  .home-top-students .student-card__metric { padding: 8px 5px; min-height: 78px; }
}
@media (max-width:360px) {
  .home-top-students .student-discovery-header h2 { font-size: 24px; }
  .home-top-students .student-discovery-card { flex-basis: 82%; min-width: 0; }
}