/* Left-align page titles on standalone pages (like "About"), keeping blog posts centered */
.post:not(.posts) .post-title {
  text-align: left;
}

/* Profile photo: left-aligned, modern rounded square, zoomed-in directly on <img> */
.profile-photo {
  width: 140px;
  height: 140px;
  object-fit: cover;
  object-position: center 20%;                  /* Focuses closer to the face */
  object-view-box: inset(14% 14% 14% 14%);      /* Zooms into the photo by cropping margins */
  padding: 0 !important;                        /* Removes default padding */
  border-radius: 12px;                          /* Modern smooth rounded corners */
  border: 2px solid var(--theme-color);         /* Site theme color border */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);   /* Subtle modern shadow */
  display: block !important;
  margin: 1rem auto 1.5rem 0 !important;        /* Aligns left under title */
}

/* Inline text-to-image hover swap */
.hover-img-swap {
  display: inline-block !important;
  position: relative !important;
  vertical-align: baseline !important;
  cursor: pointer;
  line-height: inherit;
}

.hover-img-swap .swap-text {
  display: inline-block;
  transition: opacity 0.15s ease;
  line-height: inherit;
}

.hover-img-swap .swap-img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) scale(0.9) !important;
  height: 3.2em !important;                     /* Enlarged size for crisp details */
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  z-index: 10;
}

.hover-img-swap:hover .swap-text {
  opacity: 0 !important;
}

.hover-img-swap:hover .swap-img {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}