/* Image styling for accountingquestions.com */

/* Expert images in content */
.expert-image {
  max-width: 200px;
  height: auto;
  border-radius: 50%;
  border: 3px solid var(--primary-color);
  margin: 0 0 10px 0;
}

.expert-quote {
  position: relative;
  margin: 20px 0;
}

.expert-image-container {
  float: right;
  margin: 0 0 20px 20px;
  text-align: center;
  max-width: 200px;
}

.expert-image-container + blockquote {
  float: left;
  max-width: calc(100% - 220px);
  margin: 0;
  padding: 0;
}

.expert-quote blockquote {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
}

.expert-quote p {
display:inline; 
}
.image-attribution {
  display: none !important;
}

/* Responsive adjustments for expert images */
@media (max-width: 768px) {
  .expert-image-container {
    float: none;
    margin: 0 auto 20px;
    max-width: 150px;
  }
  
  .expert-image {
    max-width: 150px;
  }

  .expert-image-container + blockquote {
    float: none;
    max-width: 100%;
  }
}

/* Smaller expert images for sidebar */
.sidebar .expert-image {
  max-width: 100px;
  height: auto;
}

/* Image attribution styling */
.image-attribution {
  display: block;
  font-size: 0.7rem;
  color: #666;
  margin-top: 5px;
}

/* General image constraints for article content */
.article-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}

/* News images */
.news-image {
  max-width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: cover;
}

/* Calculator illustration images */
.calculator-illustration {
  max-width: 300px;
  height: auto;
  margin: 20px auto;
  display: block;
}

/* Icon images */
.icon-image {
  max-width: 24px;
  height: auto;
  vertical-align: middle;
  margin-right: 5px;
}