.jcm-container{
  display:flex;
  gap:30px;
  max-width:1200px;
  margin:40px auto;
  align-items:flex-start; /* 👈 add this */
}
.jcm-main{flex:3}
.jcm-job-id{color:#666;font-size:14px;margin-bottom:10px}
.jcm-sidebar{
    flex:1;
    background:#ffffff;
    border: 1px solid #eee;
    box-shadow: 0px 8px 25px rgba(0,0,0,0.08);
    padding:20px;
    border-radius:8px;
    height: auto;
}
.jcm-sidebar input,.jcm-sidebar button{width:100%;margin-bottom:10px;padding:10px}
.jcm-logo{max-width:120px;margin-bottom:15px}

.jcm-archive{max-width:1200px;margin:40px auto}
.jcm-job-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.jcm-card{border:1px solid #ddd;padding:20px;border-radius:8px;background:#fff}
.jcm-card img{
  width:100%;
  height:160px;
  object-fit:contain;
  background:#f5f5f5;
  border-radius:6px;
  margin-bottom:10px
}
.jcm-card a{display:inline-block;margin-top:10px;color:#ff6003}
@media (max-width: 768px){

  .jcm-container{
    flex-direction: column;
    padding: 0 15px;
  }

  .jcm-main,
  .jcm-sidebar{
    width:100%;
  }

  .jcm-sidebar{
    margin-top:20px;
  }

  .jcm-job-list{
    grid-template-columns: 1fr; /* archive cards single column */
  }

  .jcm-card img{
    height:140px;
  }
}
@media (min-width: 769px){
  .jcm-sidebar{
    position: sticky;
    top: 30px;
  }
}