/* ============ ACHIEVERS ============ */
.achievers-strip{ background: var(--paper-0); }
.achiever-scroller{
  display:grid; grid-auto-flow:column; grid-auto-columns: 148px;
  gap: var(--sp-3); overflow-x:auto; padding-bottom: var(--sp-3);
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling: touch;
}
.achiever-scroller::-webkit-scrollbar{ height:6px; }
.achiever-scroller::-webkit-scrollbar-thumb{ background: var(--slate-200); border-radius: 3px; }

.achiever-card{
  scroll-snap-align:start;
  text-align:center; background: var(--paper-50); border-radius: var(--radius-md);
  padding: var(--sp-3); box-shadow: var(--shadow-card); border: 1px solid var(--slate-100);
}
.medallion{
  width:76px; height:76px; border-radius:50%; margin: 0 auto var(--sp-2);
  background: linear-gradient(155deg, var(--ridge-800), var(--ridge-900));
  color: var(--merit-gold-500);
  display:flex; align-items:center; justify-content:center;
  font-family: var(--font-display); font-weight:800; font-size: 1.3rem;
  border: 3px solid var(--merit-gold-500);
  position:relative;
}
.achiever-card h4{ font-size: 0.82rem; font-weight:700; line-height:1.25; }
.achiever-card .exam-tag{
  display:inline-block; margin-top:0.35rem; font-family: var(--font-mono); font-size:0.66rem;
  color: var(--pine-600); background: var(--pine-100); padding: 0.2em 0.6em; border-radius: var(--radius-pill);
}

.featured-achievers{
  display:grid; gap: var(--sp-4); margin-top: var(--sp-6);
  grid-template-columns: repeat(2,1fr);
}
@media (min-width: 720px){ .featured-achievers{ grid-template-columns: repeat(3,1fr); } }
.featured-card{
  background: var(--ridge-900); color:#fff; border-radius: var(--radius-lg);
  padding: var(--sp-4); text-align:center; position:relative; overflow:hidden;
}
.featured-card::after{
  content:""; position:absolute; inset:auto -20% -50% -20%; height:70%;
  background: radial-gradient(closest-side, rgba(201,150,44,0.35), transparent 70%);
}
.featured-card .medallion{ width:92px; height:92px; font-size:1.6rem; position:relative; z-index:1; }
.featured-card h4{ color:#fff; font-size: var(--step-0); position:relative; z-index:1; margin-top: var(--sp-2); }
.featured-card .exam-tag{ position:relative; z-index:1; }