/* ===== Internship Cards (Placement-like Grid) ===== */
/* scoped so it won't break other pages */
#internship-posts .internship-grid{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:stretch;
}

/* columns */
#internship-posts .internship-col{
  width:calc(25% - 12px);
  display:flex;
}

@media(max-width:991px){
  #internship-posts .internship-col{width:calc(33.333% - 11px);}
}
@media(max-width:767px){
  #internship-posts .internship-col{width:calc(50% - 8px);}
}
@media(max-width:480px){
  #internship-posts .internship-col{width:100%;}
}

/* card */
#internship-posts .internship-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 2px 10px rgba(0,0,0,.05);

  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}

/* image area */
#internship-posts .internship-thumb{
  width:100%;
  aspect-ratio:16/10;
  background:#387dcc;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:8px;
}

#internship-posts .internship-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  display:block;
}

/* no-image fallback */
#internship-posts .internship-noimg{
  width:100%;
  height:100%;
  display:block;
}

/* body */
#internship-posts .internship-body{
  padding:12px;
  text-align:left;
  border-top:1px solid #21252938;
  background-color:#002957;

  display:flex;
  flex-direction:column;
  flex:1;
}

#internship-posts .internship-title{
  font-size:14px;
  font-weight:700;
  margin:0 0 6px;
  color:#fff;
  text-align:center;
  line-height:1.2;
}

#internship-posts .internship-meta{
  margin-top:auto;
}

#internship-posts .internship-meta p{
  margin:0;
  font-size:12px;
  color:#e0e0e0;
  line-height:1.35;
  text-align:center;
}

/* hover */
#internship-posts .internship-card{
  transition:transform .15s ease, box-shadow .15s ease;
}
#internship-posts .internship-card:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}