/* Ultra-defensive CSS to stop wrapping / float collisions */
.sdc-scope{ --radius:16px; max-width:min(100%,var(--sdc-max-width,1440px)); margin:0 auto; padding:8px 28px 0; }
@media (max-width:1024px){ .sdc-scope{ padding-inline:24px; } }
@media (max-width:768px){ .sdc-scope{ padding-inline:20px; } }
@media (max-width:480px){ .sdc-scope{ padding-inline:12px; } }
.sdc-scope .section-title{ text-align:center; font-size:40px; font-weight:800; margin:0 0 12px; }
.sdc-scope .section-title::after{ content:""; display:block; width:64px; height:4px; margin:12px auto 0; border-radius:4px; background:var(--sdc-accent,#1E90FF); }

.sdc-scope .study-swiper{ position:relative; padding:8px 0 32px; overflow:visible; }
.sdc-scope .study-swiper .swiper{ overflow:visible; }
.sdc-scope .study-swiper .swiper-wrapper{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  align-content:flex-start !important;
  white-space:normal !important;
  clear:none !important;
  float:none !important;
}
.sdc-scope .study-swiper .swiper-slide{
  width:340px; display:flex !important;
  flex:0 0 auto !important;
  float:none !important;
  clear:none !important;
}
@media (max-width:1200px){ .sdc-scope .study-swiper .swiper-slide{ width:300px; } }
@media (max-width:992px){ .sdc-scope .study-swiper .swiper-slide{ width:270px; } }
@media (max-width:820px){ .sdc-scope .study-swiper .swiper-slide{ width:75vw; } }
@media (max-width:480px){ .sdc-scope .study-swiper .swiper-slide{ width:86vw; } }

.sdc-scope .study-card{ position:relative; width:100%; border-radius:var(--radius); overflow:hidden; box-shadow:0 6px 18px rgba(16,24,40,.12); }
.sdc-scope .study-card img{ width:100%; height:220px; object-fit:cover; display:block; }
@media (max-width:1024px){ .sdc-scope .study-card img{ height:210px; } }
@media (max-width:767px){ .sdc-scope .study-card img{ height:200px; } }

.sdc-scope .dot{ position:absolute; top:12px; right:12px; width:8px; height:8px; border-radius:50%; background:var(--sdc-accent,#1E90FF); z-index:3; }
.sdc-scope .overlay{ position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, rgba(10,12,28,0) 40%, rgba(10,12,28,.5) 70%, rgba(10,12,28,.8) 100%); }
.sdc-scope .top{ position:absolute; left:16px; top:16px; }
.sdc-scope .country{ font-size:20px; font-weight:800; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.35); }
.sdc-scope .bottom-actions{ position:absolute; left:16px; right:16px; bottom:16px; display:flex; gap:10px; align-items:flex-end; flex-wrap:nowrap; }
.sdc-scope .btn{ display:inline-flex; align-items:center; justify-content:center; padding:14px 18px; font-size:14px; font-weight:700; border-radius:999px; text-decoration:none; white-space:nowrap; line-height:1; height:42px; }
.sdc-scope .btn.primary{ background:var(--sdc-accent,#1E90FF); color:#fff; min-width:120px; }
.sdc-scope .btn.primary:hover{ filter:brightness(1.06); }
.sdc-scope .btn.ghost{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.35); color:#fff; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 140px); }
.sdc-scope .btn.ghost:hover{ background:rgba(255,255,255,.18); }

@media (max-width:600px){
  .sdc-scope .btn{ height:40px; padding:12px 14px; font-size:13px; }
  .sdc-scope .btn.ghost{ display: var(--sdc-show-explore, none); }
}

.sdc-scope .study-swiper .swiper-button-prev, .sdc-scope .study-swiper .swiper-button-next{
  top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:#fff; color:#0a0a0a; box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.sdc-scope .study-swiper .swiper-button-prev:after, .sdc-scope .study-swiper .swiper-button-next:after{ font-size:16px; }
@media (max-width:820px){
  .sdc-scope .study-swiper .swiper-button-prev, .sdc-scope .study-swiper .swiper-button-next{ width:36px; height:36px; }
  .sdc-scope .study-swiper .swiper-button-prev:after, .sdc-scope .study-swiper .swiper-button-next:after{ font-size:14px; }
}