/*
 * ════════════════════════════════════════════════════════════════
 *  DESIGN BUILD SERVICE — POST PERSONALITY OVERRIDES
 *  v1.0 · Venture-specific styling only
 *
 *  Loads AFTER tokens.css and system.css.
 *  Only contains Design Build Service post-specific personality.
 *  All nav, footer, body, *, buttons handled by system.css.
 * ════════════════════════════════════════════════════════════════
 */

/* ─── Post Header Image Gradient ────────────────────────────────── */
.post-header::before,
.post-header-image {
  background: linear-gradient(135deg, rgba(26, 28, 24, 0.85) 0%, rgba(90, 122, 154, 0.6) 100%), linear-gradient(to bottom, #8a7a9a 0%, #5a6a7a 100%);
}

/* ─── Post Content Image Blocks ─────────────────────────────────── */
.post-image-block,
.image-block {
  background: linear-gradient(135deg, #8a7a9a 0%, #6a5a7a 100%);
}

/* ─── Spotlight/Callout Card ────────────────────────────────────── */
.post-callout,
.spotlight-card {
  background-color: #f5f2ed;
  border-left: 4px solid var(--tertiary);
  padding: var(--sp-6);
}

/* ─── Impact/Pull Quote ─────────────────────────────────────────── */
.pull-quote,
.impact-quote {
  border-left: 4px solid var(--secondary);
  padding-left: var(--sp-4);
  font-style: italic;
  color: var(--mid);
}

/* ─── Stat Block ────────────────────────────────────────────────── */
.pull-stat,
.stat-block {
  border-left: 4px solid var(--tertiary);
  background-color: #faf9f6;
  padding: var(--sp-6);
}

/* ─── Tag Styling ──────────────────────────────────────────────── */
.post-tag,
.tag {
  background-color: #eee9df;
  color: var(--primary);
  padding: var(--sp-1) var(--sp-2);
  border-radius: var(--r-sm);
  font-size: var(--text-sm);
  text-decoration: none;
  display: inline-block;
}

.tag:hover {
  background-color: var(--primary);
  color: white;
}

/* ─── Related Stories Grid ────────────────────────────────────────── */
.post-footer-nav {
  background: var(--light);
}

.post-footer-link {
  text-decoration: none;
  color: var(--dark);
  transition: opacity var(--t-std);
}

.post-footer-link:hover {
  opacity: 0.75;
}
