/* ===========================================================
insight-single.css
=========================================================== */

.insight__header { padding-top: 160px; padding-bottom: var(--vc-s-12); text-align: left; }

/* H1 title: optimised for desktop & mobile */
.insight__title {
  font-size: clamp(1.75rem, 2.5vw + 0.75rem, 3rem);
  line-height: 1.15;
  margin: var(--vc-s-2) 0 var(--vc-s-6);
}

.insight__meta { display: flex; flex-wrap: wrap; gap: var(--vc-s-3); align-items: center; color: var(--vc-muted); font-size: var(--vc-text-sm); }
.insight__sep { opacity: .5; }

.insight__cover { margin: var(--vc-s-12) 0; }
.insight__cover img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--vc-radius-lg); }

/* Wider reading area for single post */
.insight__body { padding-bottom: clamp(60px, 6vw, 100px); }
.insight__body .prose { margin-inline: auto; }
.insight__body .container--narrow,
.insight__header .container--narrow { max-width: 960px; }
.insight__tags { margin-top: var(--vc-s-12); }

.insight__footer { padding: var(--vc-s-12) 0; border-top: 1px solid var(--vc-line); }
.post-nav { display: grid; gap: var(--vc-s-6); grid-template-columns: 1fr; }
@media (min-width: 768px) { .post-nav { grid-template-columns: 1fr 1fr; } }
.post-nav__item { padding: var(--vc-s-5); border: 1px solid var(--vc-line); border-radius: var(--vc-radius); }
.post-nav__item:hover { border-color: var(--vc-fg); }
.post-nav__item--next { text-align: right; }
.post-nav__label { display: block; font-size: var(--vc-text-xs); letter-spacing: .12em; text-transform: uppercase; color: var(--vc-muted); margin-bottom: var(--vc-s-2); }
.post-nav__title { display: block; font-family: var(--vc-font-display); font-size: var(--vc-text-md); color: var(--vc-fg); }

/* Mobile: ≤ 640px */
@media (max-width: 640px) {
  .insight__title {
    font-size: clamp(1.5rem, 5vw + 0.25rem, 2rem);
    line-height: 1.2;
  }
}