/* Container */
.essay-article-wrapper {
  display: flex;
  justify-content: center;
  background: var(--color-bg, #fff);
  padding: 0 1rem 4rem 1rem;
}

.essay-article {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 2.5rem 2rem 3rem 2rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  font-family: 'Georgia', 'Times New Roman', serif;
}

/* Main image */

/* Meta info */
.essay-date {
  text-align: right;
  margin-bottom: 3rem;
  letter-spacing: 0.01em;
}

.essay-author {
  font-family: var(--font-content);
  color: var(--color-body-text);
  font-size: var(--font-size-base-plus);
}

.essay-author a {
  text-decoration: none;
  color: var(--color-text);
}

.essay-author a:hover {
  text-decoration: underline;
  color: var(--color-accent);
}

.essay-sep {
  margin: 0 0.4em;
}

/* Large Title */
.essay-title-large {
  font-family: 'Playfair Display', serif;
  font-size: 2.7rem;
  line-height: 1.1;
  font-weight: bold;
  margin: 0.4rem 0 1.1rem 0;
  color: var(--color-heading, #1a1a1a);
  padding-top: 4rem;
}

/* Content (longform) */
.essay-content-longform {
  font-size: 1.15rem;
  line-height: 1.75;
  color: var(--color-text, #242424);
  font-family: 'Georgia', 'Times New Roman', serif;
  max-width: 100%;
}

/* Dropcap (optional, style first letter of first paragraph) */
.essay-content-longform p:first-of-type::first-letter {
  float: left;
  font-size: 3rem;
  line-height: 0.25;
  font-weight: bold;
  margin-right: 0.05em;
  color: var(--color-accent);
  font-family: 'Playfair Display', serif;
}

/* Responsive tweaks */
@media (max-width: 54rem) {
  .essay-article {
    padding: 1.2rem 0.5rem 2.5rem 0.5rem;
    border-radius: 0;
  }
  .essay-main-image {
    max-width: 100%;
    max-height: 270px;
  }
  .essay-title-large {
    font-size: 2rem;
  }
}