.governor-section {
    padding: 60px 40px;
    font-family: 'Georgia', serif;
    color: #212529;
  }
  
  .section-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: left;
  }

  .divider-line {
      width: 100%;
      height: 3px;
      background-color: var(--brand-yellow);  /* brand color */
      border-radius: 2px;
    }
  
  .section-description {
    text-align: left;
    line-height: 1.7;
    margin-bottom: 50px;
  }
  
  .feature-image img {
    display: block;
    max-width: 85vw;
    height: auto;
    margin: 0 auto 40px auto;
    border-radius: 16px;
    transition: transform .5s ease;
    box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.02),
      0px 5px 4px rgba(3, 7, 18, 0.03),
      0px 12px 9px rgba(3, 7, 18, 0.05),
      0px 20px 15px rgba(3, 7, 18, 0.06),
      0px 32px 24px rgba(3, 7, 18, 0.08);

  }

  .feature-image img:hover {
    transform: scale(1.05);
  }

  .board-details {
    font-family: 'Montserrat', sans-serif;
    margin-top: 40px;
    padding-top: 40px;
    text-align: left;
    margin-bottom: 70px;
  }

  .sub-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 12px 0;

  }

  .board-details h2{
    font-size: 30px;
    font-weight: bolder;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 60px;
  }

  .board-details p{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
  }
  

  
  .members-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 50px auto;
    border-collapse: collapse;
  }
  
  .members-table th,
  .members-table td {
    border: 1px solid #ddd;
    padding: 10px 15px;
    text-align: left;
  }
  
  .members-table th {
    background-color: #f8f9fa;
    font-weight: 500;
  }
  
  /* Recent Activity full-width card section */
.recent-activity {
  padding: 6rem 2rem;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.08),
      0px 0px 4px rgba(3, 7, 18, 0.06),
      0px 0px 9px rgba(3, 7, 18, 0.05),
      0px 0px 15px rgba(3, 7, 18, 0.03),
      0px 0px 24px rgba(3, 7, 18, 0.02);
}

.recent-activity-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

/* Image styling similar to principal photo */
.activity-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: transform .5s ease;

  box-shadow: -0px 1px 1px rgba(3, 7, 18, 0.03),
      -2px 3px 4px rgba(3, 7, 18, 0.06),
      -4px 6px 9px rgba(3, 7, 18, 0.09),
      -8px 12px 15px rgba(3, 7, 18, 0.12),
      -12px 18px 24px rgba(3, 7, 18, 0.15);
}

.activity-image img:hover {
  transform: scale(1.05);
}

/* Recent activity subtitle styling */
.recent-activity-container .activity-text .sub-title {
  font-family: 'Roboto', sans-serif; /* Elegant serif font */
  font-size: 24px;                    /* Bigger size for importance */
  font-weight: bolder;                    /* Bold */
  color: #1a2332;                      /* Dark, rich color for contrast */
  margin-bottom: 1rem;                 /* Greater bottom margin */
  text-align: left;                    /* Align nicely with text block */
  letter-spacing: 0.5px;               /* Slight spacing for polish */
  line-height: 1.3;                    /* Comfortable line height */
}


/* Responsive tweak */
@media (max-width: 768px) {
  .recent-activity-container {
    grid-template-columns: 1fr;
    text-align: center;
  }
}


  /* Committee Table Styles */
.table-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.committee-table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Header Styles */
.committee-table thead {
    background-color: #1a2332;
}

.committee-table th {
    color: white;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 16px 20px;
    text-align: center;
    border: none;
}

.title-column {
    width: 70%;
    text-align: center;
}

.designation-column {
    width: 30%;
    text-align: center;
}

/* Body Styles */
.committee-table tbody tr {
    transition: background-color 0.2s ease;
}

.committee-table tbody tr:hover {
    background-color: #f8f9fa !important;
}

/* Alternating Row Colors */
.row-even {
    background-color: #f2f2f2;
}

.row-odd {
    background-color: #ffffff;
}

/* Cell Styles */
.committee-table td {
    padding: 16px 20px;
    border: none;
    font-size: 14px;
    line-height: 1.4;
    color: #000000;
}

.title-cell {
    text-align: center;
    font-weight: 400;
}

.designation-cell {
    text-align: center;
    font-weight: 750;
    color: #1a2332;
}

/* White separator line between columns */
.committee-table td + td,
.committee-table th + th {
    border-left: 1px solid white; /* adjust thickness if needed */
}

/* Golden transparent overlay on row hover */
.committee-table tbody tr:hover {
    position: relative; /* make sure positioning context exists */
    background-color: rgb(254, 207, 7) !important; /* soft transparent gold */
    cursor: pointer; /* optional: add pointer cursor on hover */
}

.governor-content {
    max-width: 95vw;  /* control the width consistently */
    margin: 0 auto;     /* center horizontally */
    padding: 0 20px;    /* safe padding on small screens */
    display: flex;
    flex-direction: column;
    gap: 40px;          /* even vertical spacing between blocks */
}

/* Align titles and text blocks to left consistently */
.governor-content > * {
    align-self: stretch;
}

/* Feature image stays full width inside content area */
.feature-image img,
.activity-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

/* Board details, section descriptions, titles: align left */
.section-title,
.section-description,
.board-details,
.board-members,
.recent-activity {
    text-align: left;
}



/* Responsive Design */
@media (max-width: 768px) {
    .table-container {
        padding: 10px;
        overflow-x: auto;
    }

    .committee-table {
        min-width: 600px;
    }

    .committee-table th,
    .committee-table td {
        padding: 12px 16px;
        font-size: 13px;
    }

    .title-column {
        width: 65%;
    }

    .designation-column {
        width: 35%;
    }
}

@media (max-width: 480px) {
    .committee-table th,
    .committee-table td {
        padding: 10px 12px;
        font-size: 12px;
    }
}

/* Print Styles */
@media print {
    .table-container {
        padding: 0;
    }

    .committee-table {
        box-shadow: none;
    }

    .committee-table tbody tr:hover {
        background-color: inherit !important;
    }
}

/* Existing responsive and base styles kept... */

/* Additional responsive design tweaks */
@media (max-width: 768px) {
  .governor-section {
    padding: 40px 20px;
  }

  .section-title {
    font-size: 22px;
    text-align: center;
  }

  .section-description {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 30px;
  }

  .board-details {
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
  }

  .board-details h2 {
    font-size: 24px;
    margin-top: 30px;
  }

  .board-details p {
    font-size: 14px;
  }

  .sub-title {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
  }

  .recent-activity {
    padding: 4rem 1.5rem;
  }

  .recent-activity-container {
    gap: 2rem;
  }

  .recent-activity-container .activity-text .sub-title {
    font-size: 20px;
    text-align: center;
  }

  .members-table {
    font-size: 13px;
  }

  .feature-image img {
    margin-bottom: 25px;
  }

  .activity-image img {
    margin-bottom: 20px;
  }

  .governor-content {
    gap: 25px;
    padding: 0 10px;
  }
}

@media (max-width: 480px) {
  .governor-section {
    padding: 30px 15px;
  }

  .section-title {
    font-size: 20px;
  }

  .section-description {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .board-details h2 {
    font-size: 20px;
    margin-top: 20px;
  }

  .board-details p {
    font-size: 13px;
  }

  .sub-title {
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .recent-activity {
    padding: 3rem 1rem;
  }

  .recent-activity-container .activity-text .sub-title {
    font-size: 18px;
  }

  .committee-table th,
  .committee-table td {
    padding: 8px 10px;
    font-size: 11px;
  }

  .feature-image img,
  .activity-image img {
    margin-bottom: 15px;
  }

  .governor-content {
    gap: 20px;
  }
}

/* Small extra: Make feature images look balanced on very small screens */
@media (max-width: 400px) {
  .feature-image img,
  .activity-image img {
    border-radius: 12px;
  }
}