/* Dedicated officer biographies and links from the officers list. */
.officer-page { background: url('../assets/backgroundImage/body_bg_1.avif') center/cover; padding: 30px 20px 60px; min-height: 70vh; color: #30271c; }
.officer-back { display: block; max-width: 780px; margin: 0 auto 26px; }
.officer-page a, .officer-name-link { color: #204334; font: 600 16px/1.6 var(--font-text); text-decoration: underline; text-underline-offset: 4px; }
.officer-profile { max-width: 780px; margin: auto; text-align: center; }
.officer-portrait { display: block; width: auto; height: auto; max-height: 320px; max-width: 100%; margin: 0 auto 24px; object-fit: contain; }
.officer-profile h1 { font: 600 clamp(27px, 4vw, 40px)/1.25 var(--font-heading); margin: 0 0 10px; overflow-wrap: anywhere; }
.officer-office { font: 600 18px/1.5 var(--font-text); color: #204334; margin-bottom: 30px; }
.officer-biography { border-top: 2px solid #b67e04; border-bottom: 2px solid #b67e04; padding: 24px; background: rgba(255,246,217,.68); text-align: left; }
.officer-biography p { font: 18px/1.8 var(--font-text); color: #30271c; }
.officer-source { display: inline-block; margin-top: 24px; }
.officer-list-help { text-align: center; }
.about_table tbody tr { cursor: auto; }
.about_table td { overflow-wrap: anywhere; }
@media (max-width: 599px) {
  .officer-page { padding: 24px 16px 40px; }
  .officer-biography { padding: 20px 16px; }
  .officer-biography p { font-size: 16px; line-height: 1.75; }
  .officer-office { font-size: 16px; }
  .about_table th, .about_table td { padding: 8px; font-size: 14px; }
  .officer-name-link { font-size: 14px; }
}