/* Extracted from inline style block: jobs.php#oh-jobs-table-modal-clean-v68 */
/* v68: remove forced horizontal scrollbar and let all job row details wrap cleanly */
@media (min-width:1101px){
  body .main#jobs-list{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 310px !important;
    gap:14px !important;
    align-items:start !important;
  }

  body .jobs-table,
  body .table-wrap{
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:visible !important;
  }

  body .table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    font-size:12.4px !important;
  }

  body .table th,
  body .table td{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    vertical-align:middle !important;
    line-height:1.34 !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body .table th:nth-child(1), body .table td:nth-child(1){width:24% !important;}
  body .table th:nth-child(2), body .table td:nth-child(2){width:13% !important;}
  body .table th:nth-child(3), body .table td:nth-child(3){width:12% !important;}
  body .table th:nth-child(4), body .table td:nth-child(4){width:10% !important;}
  body .table th:nth-child(5), body .table td:nth-child(5){width:10% !important;}
  body .table th:nth-child(6), body .table td:nth-child(6){width:14% !important;}
  body .table th:nth-child(7), body .table td:nth-child(7){width:12% !important;}
  body .table th:nth-child(8), body .table td:nth-child(8){width:5% !important; text-align:center !important;}

  body .side{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body .side .box{
    min-width:0 !important;
  }

  body .employer-list .emp,
  body .cat-list .cat,
  body .tools-list .tool{
    min-width:0 !important;
  }
}

@media (min-width:1500px){
  body .main#jobs-list{
    grid-template-columns:minmax(0,1fr) 340px !important;
  }
}

@media (max-width:1100px){
  body .main#jobs-list,
  body .side{
    grid-template-columns:1fr !important;
  }

  body .table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body .table{
    min-width:900px !important;
  }
}

/* Modal details should use the same full profile view as index and remain scrollable inside the popup */
.job-modal-card{
  width:min(1280px,96vw) !important;
  max-height:86vh !important;
}

.profile-desc{
  max-height:none !important;
  overflow:visible !important;
}