article {
  width: 85%;
  margin: 0 auto;
}
.title-section {
  font-family: "Playfair-Medium";
  max-width: 85%;
  font-size: 30px;
  color: var(--primary-text-color);
  box-sizing: border-box;
  padding-left: 3rem;
}
.meta-container {
  display: flex;
  font-family: "Inter-Regular";
  font-size: 15px;
  gap: 2rem;
}
.img-section {
  border-radius: 10px;
  padding: 2rem 0;
  width: 100%;
}

.img-section img {
  border-radius: 15px;
  object-fit: stretch;
  width: 100%;
  object-fit: cover; /* or 'fill' / 'contain' based on need */
  display: block;
}

.markdown-section {
  padding: 2rem;
  font-family: "Inter-Medium";
  width: 100%;
  border-radius: 15px;
  background-color: var(--primary-bg-color);
  color: var(--primary-text-color);
  box-sizing: border-box;
}
