/* ==========================================================================
   Single blog post (single.php) — original relationshipsbyenas.com layout.
   Fonts and color tokens come from home.css, which loads before this file.
   ========================================================================== */

body.single-post { background: var(--rbe-bg); }

.rbe-post-page {
  padding: 150px 20px 100px;
  font-family: var(--rbe-font);
  color: var(--rbe-ink);
}

.rbe-article { max-width: 740px; margin: 0 auto; }

.rbe-article__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 1.5;
}

.rbe-article__title {
  margin: 18px 0 24px;
  font-family: var(--rbe-font);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: normal;
}

.rbe-article__content { font-size: 16px; line-height: 1.7; }
.rbe-article__content p { margin: 0; }
.rbe-article__content strong { font-weight: 700; }
.rbe-article__content a { text-decoration: underline; }
.rbe-article__content :is(h2, h3, h4) {
  margin: 40px 0 0;
  font-family: var(--rbe-font);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
}
.rbe-article__content h2 { font-size: 24px; }
.rbe-article__content :is(h5, h6) { margin: 0; font-family: var(--rbe-font); font-size: 16px; font-weight: 700; line-height: 1.7; }
.rbe-article__content figure { margin: 30px 0; }
.rbe-article__content img { width: 100%; height: auto; border-radius: 16px; }
.rbe-article__content figcaption { margin-top: 8px; font-size: 12px; text-align: center; }
.rbe-article__content :is(ul, ol) { margin: 0; padding-inline-start: 1.5em; }
.rbe-article__content ul { list-style: disc; }
.rbe-article__content ol { list-style: decimal; }
.rbe-article__content li p { margin: 0; }
.rbe-article__content blockquote {
  margin: 24px 0;
  padding-inline-start: 20px;
  border-inline-start: 3px solid var(--rbe-ink);
  font-style: italic;
}

/* ===== Related posts ===== */
.rbe-related { max-width: 940px; margin: 120px auto 0; }
.rbe-related__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.rbe-related__title { margin: 0; font-family: var(--rbe-font); font-size: 16px; font-weight: 400; }
.rbe-related__all { font-size: 12px; }
.rbe-related__all:hover { text-decoration: underline; }
.rbe-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
.rbe-related__card { display: block; }
.rbe-related__media { aspect-ratio: 290 / 163; overflow: hidden; }
.rbe-related__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.rbe-related__card:hover img { transform: scale(1.03); }
.rbe-related__card-title {
  display: -webkit-box;
  margin: 24px 24px 0;
  overflow: hidden;
  font-family: var(--rbe-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
  .rbe-post-page { padding-top: 40px; }
  .rbe-article__title { margin: 12px 0 20px; font-size: 22px; }
  .rbe-article__content { font-size: 15px; line-height: 1.6; }
  .rbe-article__content :is(h2, h3, h4) { margin-top: 28px; font-size: 17px; }
  .rbe-related { margin-top: 80px; }
  .rbe-related__grid { grid-template-columns: 1fr; }
}