/* Base layout */
body { font-family: "Times New Roman", Times, serif; margin: 0; padding: 40px 20px; }
main { max-width: 720px; margin: 0 auto; }
footer { max-width: 720px; margin: 15px auto 0 auto; padding-top: 10px; }

/* Typography and spacing */
h1 { margin-bottom: 30px; }
h2 { margin-top: 40px; margin-bottom: 20px; }
h3 { margin-top: 30px; margin-bottom: 15px; }
/* People and committees */
.executive, .committee { margin-bottom: 30px; }
/* Side-by-side headshot + text */
.executive { display: flex; align-items: flex-start; gap: 16px; }
/* Alternate layout: even items flip sides (only when a photo exists) */
.executive.has-photo:nth-child(even) { flex-direction: row-reverse; }
img.exec-photo { display: block; max-width: 140px; height: auto; border-radius: 6px; margin: 0; }
.exec-content { flex: 1; }
.exec-content h3 { margin-top: 0; }
/* Stack on small screens */
@media (max-width: 640px) {
  .executive { flex-direction: column; }
  img.exec-photo { max-width: 120px; }
}
pre { white-space: pre-wrap; }
.section { margin-bottom: 60px; }

/* Navigation + buttons */
nav a { margin-right: 20px; cursor: pointer; color: #0066cc; text-decoration: underline; transition: color 0.15s ease; }
nav a:hover { color: #004999; }

#back-button { display: none; cursor: pointer; color: #0066cc; text-decoration: underline; transition: color 0.15s ease; }
#back-button:hover { color: #004999; }