/*.container {*/
  /*max-width: 730px;*/
  /*margin: 38px auto;*/
  /*padding: 0 16px;*/
  /*font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;*/
  /*line-height: 1.55;*/
/*}*/

.container {
  max-width: 730px;
  margin: 100px auto 38px;   /* more space on top */
  /*margin: 38px auto;*/
  padding: 0 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.55;
}
img { max-width: 260px; height: auto; display: block; margin: 16px 0; }


h1, h2, h3, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* Intro block: text left, photo right */
.intro {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

/* Let the text take remaining width */
.intro-text {
  flex: 1 1 0;
  min-width: 220px;
  max-width: 730px;
}

/* Fix a reasonable photo column width */
.intro-photo {
  flex: 0 0 240px;
}

.profile-pic {
  width: 240px;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;   /* optional */
}

/* Mobile: stack */
@media (max-width: 700px) {
  .intro {
    flex-direction: column;
  }
  .intro-photo {
    flex: none;
  }
  .profile-pic {
    width: 200px;
  }
}

/* Hide horizontal rules on mobile */
@media (max-width: 700px) {
  hr {
    display: none;
  }
}