/* Styles scoped to the committee and principal pages updated for 2026–27. */
.institution-page .institution-content {
  padding: 40px 0 64px;
  background: #fff;
  color: #25302c;
}
.institution-container { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.institution-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; font-size: 14px; margin-bottom: 28px; }
.institution-breadcrumb a { color: #456020; }
.institution-heading { margin-bottom: 28px; }
.academic-year { color: #526d29; font-weight: 700; margin: 0 0 10px; }
.institution-page .institution-content h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.15; color: #25302c; margin: 0 0 16px; }
.institution-page .institution-content h2 { font-size: 28px; line-height: 1.25; color: #25302c; }
.committee-local-title { font-family: "Noto Sans Devanagari", "Devanagari Sangam MN", sans-serif; font-size: 22px; }
.committee-reference { font-size: 14px; color: #59625e; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.committee-table-scroll { width: 100%; overflow-x: auto; border: 1px solid #d8dfd1; border-radius: 4px; }
.committee-table { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.6; }
.committee-table caption { text-align: left; caption-side: top; padding: 12px 18px; font-weight: 600; color: #43523d; background: #f4f7ee; }
.committee-table th, .committee-table td { padding: 14px 18px; border: 1px solid #d8dfd1; text-align: left; vertical-align: middle; }
.committee-table th { color: #fff; background: #456020; font-weight: 700; }
.committee-table tbody tr:nth-child(even) { background: #f7f9f3; }
.committee-table td:first-child, .committee-table th:first-child { width: 78px; text-align: center; }
.committee-table[lang="mr"] { font-family: "Noto Sans Devanagari", "Devanagari Sangam MN", sans-serif; font-size: 17px; }
.committee-contact, .committee-activities { padding: 0; margin: 32px 0 0; }
.committee-contact p { margin-bottom: 8px; }
.committee-contact a { color: #456020; overflow-wrap: anywhere; }
.committee-activities li { padding: 4px 0; }
.committee-document { margin-top: 30px; }
.document-download { display: inline-block; background: #456020; color: #fff; border-radius: 4px; padding: 13px 20px; font-weight: 600; }
.document-download:hover, .document-download:focus { background: #2c4214; color: #fff; }
.document-download span { font-weight: 400; }
.institution-content a:focus-visible, .committee-table-scroll:focus-visible { outline: 3px solid #748d48; outline-offset: 4px; }
.principal-profile { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start; }
.principal-portrait { margin: 0; }
.principal-portrait img { width: 100%; height: auto; display: block; border: 1px solid #e0e5da; border-radius: 4px; }
.principal-institution { color: #66715f; margin-bottom: 28px; }
.principal-message > p:last-child { line-height: 1.9; }
.faculty-profile { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 48px; align-items: start; }
.faculty-profile p { line-height: 1.8; }
.faculty-profile > * { min-width: 0; }
.faculty-directory-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 32px; align-items: start; }
.faculty-group { margin: 0; }
.faculty-group img { display: block; width: 100%; height: auto; border-radius: 4px; }
.faculty-directory-list { padding: 20px; background: #f4f7ee; }
.faculty-directory-list .list-icon { margin: 0 !important; }
@media (max-width: 991px) {
  .faculty-directory-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
.faculty-directory .page-title .white-bg { background-color: rgba(255,255,255,.94) !important; }
.faculty-directory .list-icon a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 768px) and (max-width: 991px) {
  .faculty-profile { grid-template-columns: 240px minmax(0, 1fr); gap: 24px; }
}
/* Remove fixed footer coordinates on these pages so the updated content remains usable on phones. */
.institution-page .footer { height: auto !important; }
.institution-page .footer .col-lg-8, .institution-page .footer .col-md-5 { position: static !important; margin-left: 0 !important; }
.institution-page .footer .col-md-5 { flex: 1 1 240px; }
.institution-page .footer .row[style] { margin-top: 24px !important; }
@media (max-width: 767px) {
  .institution-page .institution-content { padding: 28px 0 40px; }
  .institution-container { width: calc(100% - 28px); }
  .committee-table { min-width: 610px; }
  .committee-table th, .committee-table td { padding: 12px; }
  .committee-reference { flex-direction: column; gap: 4px; }
  .principal-profile { grid-template-columns: 1fr; gap: 24px; }
  .faculty-profile { grid-template-columns: 1fr; gap: 24px; }
  .faculty-profile .principal-portrait { width: 100%; max-width: 100%; margin: 0 auto; }
  .faculty-profile .principal-portrait img { width: auto; max-width: 100%; max-height: 300px; margin: 0 auto; }
  .faculty-profile { gap: 20px; font-size: 16px; line-height: 1.65; }
  .faculty-profile .light-bg { padding: 18px !important; }
  .faculty-profile h1 { font-size: 28px !important; overflow-wrap: anywhere; }
  .faculty-profile h2 { font-size: 24px !important; }
  .institution-breadcrumb { gap: 8px; margin-bottom: 20px; }
  .institution-page .footer a { overflow-wrap: anywhere; }
  .faculty-directory .page-title { padding: 32px 0; background-attachment: scroll !important; }
  .faculty-directory .page-title h1 { font-size: 36px; line-height: 1.2; }
  .faculty-directory .list-icon { margin-right: 0 !important; margin-bottom: 0 !important; }
  .faculty-directory .list-icon li { margin-bottom: 4px !important; }
  .principal-portrait { max-width: 230px; }
  .institution-page .footer .p-4 { padding: 24px !important; }
}