/* Shared Student Story card (see StoriesRow.tsx) — palette only, no page variables. */
.sty-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; padding-bottom:26px; }
.sty-card{ display:flex; gap:16px; padding:14px; background:#fff; border-radius:22px; box-shadow:0 22px 44px -28px rgba(0,63,158,.45); color:#003F9E; min-width:0; }
.sty-shot{ position:relative; overflow:hidden; background:#E6F0FF; width:130px; min-height:150px; flex:none; border-radius:16px; }
.sty-shot img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 20%; }
.sty-shot span{ position:absolute; inset:0; display:grid; place-items:center; font:800 40px 'Poppins',sans-serif; color:#0052CC; }
.sty-t{ display:flex; flex-direction:column; gap:8px; min-width:0; }
.sty-t p{ margin:0; font:400 13.5px/1.55 'Inter',sans-serif; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.sty-who{ margin-top:auto; }
.sty-who b{ display:block; font:700 14.5px 'Poppins',sans-serif; color:#0052CC; }
.sty-who em{ display:block; font-style:normal; font-size:12px; }
.sty-row--rail{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.sty-row--rail::-webkit-scrollbar{ display:none; }
.sty-row--rail .sty-card{ flex:0 0 calc((100% - 36px)/3); scroll-snap-align:start; }
@media (max-width:1100px){
  .sty-row:not(.sty-row--rail){ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sty-row--rail .sty-card{ flex-basis:calc((100% - 18px)/2); }
}
@media (max-width:640px){
  .sty-row:not(.sty-row--rail){ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:12px; }
  .sty-row:not(.sty-row--rail) .sty-card,.sty-row--rail .sty-card{ flex:0 0 86%; scroll-snap-align:start; }
  .sty-row{ gap:12px; }
  .sty-shot{ width:92px; min-height:120px; }
}