/* =========================================================
   Profile page styling — TROi
   ========================================================= */

/* Profile image */
.profile-photo {
  float: right;
  width: min(420px, 45vw);
  height: auto;
  margin: 0 0 1.5rem 2rem;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Ensure text wraps nicely around the image */
.md-content::after {
  content: "";
  display: block;
  clear: both;
}

/* Headings spacing polish */
.md-content h1 {
  margin-top: 0;
}

/* Mobile layout */
@media (max-width: 900px) {
  .profile-photo {
    float: none;
    width: 100%;
    max-width: 520px;
    display: block;
    margin: 0 auto 1.5rem auto;
  }
}