/* ===============================
   HERO
============================== */

.science-hero {
  background: linear-gradient(135deg,#0b2c3d,#14506b);
  padding:120px 20px;
  text-align:center;
  color:#fff;
}

.science-hero h1 {
  font-size:48px;
  font-weight:800;
}

/* ===============================
   CONTAINER
============================== */

.science-container{
  max-width:1200px;
  margin:100px auto;
  padding:0 20px;
}

/* ===============================
   INTRO TEXT
============================== */

.science-intro{
  font-size:18px;
  line-height:2;
  margin-bottom:120px;
  color:#1a2634;
}

/* ===============================
   LAB SECTION
============================== */

.lab-section{
  margin-bottom:140px;
}

.lab-title{
  font-size:28px;
  font-weight:700;
  margin-bottom:30px;
  color:#0b2c3d;
}

.lab-description{
  font-size:17px;
  line-height:1.9;
  margin-bottom:60px;
}

/* ===============================
   GALLERY
============================== */

.lab-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:30px;
  margin-bottom:70px;
}

.gallery-box{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

.gallery-box img{
  width:100%;
  height:auto;
  display:block;
}

/* ===============================
   STAFF TABLE
============================== */

.section-title{
  font-size:22px;
  margin-bottom:30px;
  color:#0b2c3d;
}

.staff-table-wrapper{
  overflow-x:auto;
  margin-bottom:70px;
}

.modern-table{
  width:100%;
  border-collapse:collapse;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

.modern-table thead{
  background:#0b2c3d;
  color:#fff;
}

.modern-table th{
  padding:18px;
  text-align:left;
  font-weight:600;
}

.modern-table td{
  padding:18px;
  background:#fff;
  border-bottom:1px solid #f1f1f1;
}

.modern-table tr:hover td{
  background:#f8fafc;
}

.staff-photo{
  width:100px;
  height:auto;
  border-radius:10px;
}

/* ===============================
   ACHIEVEMENTS
============================== */

.lab-achievements{
  background:#f1f6fa;
  padding:40px;
  border-radius:16px;
  line-height:1.9;
  border-left:6px solid #0b2c3d;
}

.lab-achievements h3{
  margin-bottom:20px;
  font-size:22px;
  color:#0b2c3d;
}

/* ===============================
   RESPONSIVE
============================== */

@media(max-width:768px){

.science-hero h1{
  font-size:30px;
}

.lab-title{
  font-size:22px;
}

.modern-table th,
.modern-table td{
  padding:12px;
}

}