/* ---------- base card (unchanged) ---------- */
.cikamo-exam-card{background:var(--body-bg);color:var(--body-color);border:1px solid var(--border-divider);border-radius:12px;overflow:hidden;margin-bottom:1rem}
.cikamo-exam-card a{text-decoration:none}
.cikamo-exam-card__head{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem .5rem;font-weight:800;font-size:1.2rem}
.cikamo-exam-card__head i{color:var(--main-link);font-size:1.25rem}
.cikamo-exam-card__cover img{display:block;width:100%;height:140px;object-fit:cover}
.cikamo-exam-card__body{padding:.9rem 1rem}
.cikamo-exam-card__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.8rem}
.cikamo-exam-card__pill{background:var(--header-search-bg);border-radius:999px;padding:.15rem .6rem}
.cikamo-exam-card__title{display:block;font-weight:600;font-size:1.05rem;color:var(--body-color);margin-bottom:.35rem}
.cikamo-exam-card__note{font-size:.8rem;opacity:.75;margin-bottom:.7rem}
.cikamo-exam-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.cikamo-exam-card__joined{font-size:.85rem;opacity:.8}
.cikamo-exam-card__btn{display:inline-block;background:var(--main-link);color:var(--main-color);border-radius:999px;padding:.4rem 1.1rem;font-weight:600;font-size:.9rem;white-space:nowrap}
.cikamo-exam-card.is-locked .cikamo-exam-card__btn{background:transparent;color:var(--main-link);border:1px solid var(--main-link)}
/* ---------- tiles for list / creators cards (same look as the history grid) ---------- */
.cikamo-exam-card__row{display:flex;flex-direction:column;align-items:stretch;min-width:0;background:var(--header-search-bg);border-radius:14px;overflow:hidden;color:var(--body-color)}
.cikamo-exam-card__thumb{flex:0 0 auto;width:100%;height:160px;object-fit:cover;background:var(--body-bg);display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:1}
.cikamo-exam-card__avatar{flex:0 0 auto;width:88px;height:88px;margin:1.1rem auto .25rem;border-radius:50%;object-fit:cover;background:var(--body-bg)}
.cikamo-exam-card__rowmain{min-width:0;padding:.85rem 1rem 1rem}
.cikamo-exam-card__avatar + .cikamo-exam-card__rowmain{text-align:center;padding-top:.4rem}
.cikamo-exam-card__rowtitle{font-weight:600;line-height:1.3;color:var(--body-color);margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cikamo-exam-card__rowsub{font-size:.8rem;opacity:.75}
.cikamo-exam-card__more{display:block;padding:.7rem 1rem;border-top:1px solid var(--border-divider);text-align:center;font-weight:600;color:var(--main-link)}

/* ---------- feed carousel: one full exam card per slide, up to 10 ---------- */
.cikamo-exam-carousel{position:relative;margin-bottom:1rem}
.cikamo-exam-carousel__head{display:flex;align-items:center;gap:.6rem;padding:0 .25rem .6rem;font-weight:800;font-size:1.2rem}
.cikamo-exam-carousel__head i{color:var(--main-link);font-size:1.25rem}
.cikamo-exam-carousel__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cikamo-exam-carousel__viewport::-webkit-scrollbar{display:none}
.cikamo-exam-carousel__slide{flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column}
.cikamo-exam-carousel .cikamo-exam-card{margin-bottom:0;flex:1 1 auto}
.cikamo-exam-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-divider);background:var(--body-bg);color:var(--body-color);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.92}
.cikamo-exam-carousel__nav.is-prev{left:.5rem}
.cikamo-exam-carousel__nav.is-next{right:.5rem}
.cikamo-exam-carousel__dots{display:flex;justify-content:center;gap:.35rem;margin-top:.55rem}
.cikamo-exam-carousel__dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:var(--border-divider);cursor:pointer}
.cikamo-exam-carousel__dot.is-active{background:var(--main-link)}
@media (max-width:767px){
  .cikamo-exam-carousel__nav{display:none} /* phones swipe; dots stay */
}

@media (min-width:768px){
  /* wide=true: several cards visible at once (exams home). Change 25% to 33.3333% for 3 at a time. */
  .cikamo-exam-carousel--wide .cikamo-exam-carousel__viewport{margin:0 -.5rem}
  .cikamo-exam-carousel--wide .cikamo-exam-carousel__slide{flex:0 0 25%;padding:0 .5rem}
  .cikamo-exam-carousel--wide .cikamo-exam-carousel__dots{display:none}
  .cikamo-exam-carousel--wide .cikamo-exam-carousel__nav.is-prev{left:-.25rem}
  .cikamo-exam-carousel--wide .cikamo-exam-carousel__nav.is-next{right:-.25rem}
}

/* ---------- list / creators track: grid on desktop, swipe carousel on mobile ---------- */
.cikamo-exam-card__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:.25rem 1rem 1rem}
@media (max-width:767px){
  .cikamo-exam-card__track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cikamo-exam-card__track::-webkit-scrollbar{display:none}
  .cikamo-exam-card__track .cikamo-exam-card__row{flex:0 0 78%;scroll-snap-align:start}
}
/* carousel=true: force the swipe layout on desktop too (use inside the news feed column) */
.cikamo-exam-card--carousel .cikamo-exam-card__track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cikamo-exam-card--carousel .cikamo-exam-card__track::-webkit-scrollbar{display:none}
.cikamo-exam-card--carousel .cikamo-exam-card__track .cikamo-exam-card__row{flex:0 0 78%;scroll-snap-align:start}

/* ADD these lines inside the <style> in __feature__exam-card-css.tpl, just before 

/* ---------- people line (news-feed card only) ---------- */

.cikamo-exam-card__people{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.cikamo-exam-card__pavatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--body-bg);background:var(--header-search-bg);margin-left:-12px}
.cikamo-exam-card__ptext{font-size:.95rem;font-weight:600;opacity:.9;line-height:1.3;min-width:0}
.cikamo-exam-card__people--top{margin:0 0 .6rem;padding:0 .25rem}
.cikamo-exam-card__stack{display:flex;flex:0 0 auto}
.cikamo-exam-card__pavatar:first-child{margin-left:0}
.cikamo-exam-card__pavatar.is-taking{box-shadow:0 0 0 2px #28a745}



.cikamo-creators .side_widget_title{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.2rem;padding:.25rem 0 .4rem}
.cikamo-creators .side_widget_title i{color:var(--main-link);font-size:1.25rem}
.cikamo-creators .x_carousel_list{list-style:none;margin:0;padding:0}
.cikamo-creators .cikamo-creators__ph{display:inline-block;width:96px;height:96px;background:var(--header-search-bg)}
.cikamo-creators .x_carousel_list li{background:var(--header-search-bg);border-radius:16px;padding:1.1rem 1rem 1rem;text-align:center}
.cikamo-creators .x_carousel_list li img.rounded-circle{width:96px;height:96px;object-fit:cover}
.cikamo-creators .x_user_info{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:.6rem}
.cikamo-creators .x_user_info .name{font-weight:600;color:var(--body-color);text-decoration:none}
.cikamo-creators .x_user_info .btn{width:100%;margin-top:.6rem}
@media (min-width:769px){
  .cikamo-creators .x_carousel_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem 0}
  .cikamo-creators--carousel .x_carousel_list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem}
  .cikamo-creators--carousel .x_carousel_list::-webkit-scrollbar{display:none}
  .cikamo-creators--carousel .x_carousel_list li{flex:0 0 200px;scroll-snap-align:start}
}
@media (max-width:768px){
  .cikamo-creators .cikamo-creators__ph{width:142px;height:142px}
}