/* =========================================================
   JOB ALERT RJ – UIIC AO RECRUITMENT 2026
   MASTER TABLE SYSTEM
   ========================================================= */

.rj-blog-post{
  font-family:'Open Sans',Arial,sans-serif!important;
  line-height:1.8!important;
  color:#333!important;
  background:#fff!important;
  padding:0!important;
}

.rj-blog-post h1{
  color:#0b5345!important;
  font-size:28px!important;
  font-weight:700!important;
  line-height:1.4!important;
  margin:10px 0 18px!important;
}

.rj-blog-post h2{
  color:#0b5345!important;
  font-size:23px!important;
  font-weight:700!important;
  border-left:5px solid #0b5345!important;
  padding-left:12px!important;
  margin:30px 0 15px!important;
}

.rj-blog-post h3{
  color:#145a32!important;
  font-size:20px!important;
  font-weight:700!important;
  margin:22px 0 10px!important;
}

.rj-blog-post p{
  font-size:16px!important;
  margin:10px 0!important;
}

.rj-blog-post ul,
.rj-blog-post ol{
  font-size:16px!important;
  padding-left:25px!important;
}

.rj-blog-post li{
  margin:7px 0!important;
}

.rj-highlight-box{
  background:#f1f8f5!important;
  border-left:5px solid #0b5345!important;
  padding:15px!important;
  margin:18px 0!important;
  border-radius:8px!important;
}

.rj-warning-box{
  background:#fff8e1!important;
  border-left:5px solid #f39c12!important;
  padding:15px!important;
  margin:18px 0!important;
  border-radius:8px!important;
}

.rj-info-box{
  background:#eef6ff!important;
  border-left:5px solid #2874a6!important;
  padding:15px!important;
  margin:18px 0!important;
  border-radius:8px!important;
}

.rj-table-wrapper{
  width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  margin:18px 0!important;
}

.rj-custom-table{
  width:100%!important;
  min-width:700px!important;
  border-collapse:collapse!important;
  font-size:16px!important;
  line-height:1.55!important;
}

.rj-custom-table th,
.rj-custom-table td{
  border:1px solid #d7d7d7!important;
  padding:11px 10px!important;
  font-size:16px!important;
  vertical-align:middle!important;
}

.rj-custom-table th{
  background:#0b5345!important;
  color:#fff!important;
  font-weight:700!important;
}

.rj-custom-table tr:nth-child(even) td{
  background:#f8fbfa!important;
}

.rj-custom-table.two-column-table{
  min-width:0!important;
  table-layout:fixed!important;
}

.rj-custom-table.two-column-table th,
.rj-custom-table.two-column-table td{
  width:50%!important;
}

.rj-custom-table.three-column-table{
  min-width:0!important;
  table-layout:fixed!important;
}

.rj-custom-table.three-column-table th,
.rj-custom-table.three-column-table td{
  width:33.3333%!important;
}

.rj-custom-table .center-align{
  text-align:center!important;
}

.rj-link-btn{
  display:inline-block!important;
  background:#0b5345!important;
  color:#fff!important;
  padding:11px 18px!important;
  margin:5px!important;
  border-radius:7px!important;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:15px!important;
}

.rj-link-btn:hover{
  opacity:.9!important;
}

.rj-faq{
  border:1px solid #ddd!important;
  border-radius:8px!important;
  margin:10px 0!important;
  overflow:hidden!important;
}

.rj-faq summary{
  cursor:pointer!important;
  padding:13px 15px!important;
  background:#f4f8f6!important;
  color:#0b5345!important;
  font-size:16px!important;
  font-weight:700!important;
}

.rj-faq p{
  padding:0 15px 12px!important;
}

.rj-cta{
  background:#0b5345!important;
  color:#fff!important;
  padding:20px!important;
  border-radius:10px!important;
  text-align:center!important;
  margin:25px 0!important;
}

.rj-cta h3{
  color:#fff!important;
  margin-top:0!important;
}

.rj-cta a{
  display:inline-block!important;
  background:#fff!important;
  color:#0b5345!important;
  padding:10px 18px!important;
  border-radius:7px!important;
  text-decoration:none!important;
  font-weight:700!important;
  margin-top:8px!important;
}

.rj-disclaimer{
  background:#f7f7f7!important;
  border:1px solid #ddd!important;
  padding:15px!important;
  border-radius:8px!important;
  font-size:14px!important;
}

@media(max-width:768px){
  .rj-blog-post h1{
    font-size:25px!important;
  }

  .rj-blog-post h2{
    font-size:21px!important;
  }

  .rj-blog-post h3{
    font-size:18px!important;
  }

  .rj-custom-table{
    font-size:16px!important;
  }

  .rj-custom-table th,
  .rj-custom-table td{
    font-size:16px!important;
  }

  .rj-custom-table:not(.two-column-table):not(.three-column-table){
    min-width:700px!important;
  }
}



  /* Read Also Box CSS */
  .rj-read-also { background-color: #f4f6f6 !important; border-left: 4px solid #c0392b !important; padding: 12px 15px !important; margin: 25px 0 !important; border-radius: 0 4px 4px 0 !important; font-weight: bold !important; box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;}



  /* Read Also Box CSS */
  .rj-read-also { background-color: #f4f6f6 !important; border-left: 4px solid #c0392b !important; padding: 12px 15px !important; margin: 25px 0 !important; border-radius: 0 4px 4px 0 !important; font-weight: bold !important; box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;}



  /* Read Also Box CSS */
  .rj-read-also { background-color: #f4f6f6 !important; border-left: 4px solid #c0392b !important; padding: 12px 15px !important; margin: 25px 0 !important; border-radius: 0 4px 4px 0 !important; font-weight: bold !important; box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;}



  /* Read Also Box CSS */
  .rj-read-also { background-color: #f4f6f6 !important; border-left: 4px solid #c0392b !important; padding: 12px 15px !important; margin: 25px 0 !important; border-radius: 0 4px 4px 0 !important; font-weight: bold !important; box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;}