/* =========================================================
   BLOG PAGE (NEWSROOM) — SHARED BASE
   Digitus design tokens + primitives shared across every
   blog section (hero, featured, listing, subscribe).
   Mirrors css/services/base.css and css/blog-detail/base.css.
   ========================================================= */

:root {
  --blg-navy: #17173a;        /* deep navy text                 */
  --blg-deep: #1b1464;        /* navy chip / hover              */
  --blg-blue: #1e72d1;        /* primary link blue              */
  --blg-blue-hover: #2a3fe0;  /* hover blue                     */
  --blg-cyan: #27b9d5;        /* Digitus accent cyan            */
  --blg-ink: #1c1c22;         /* body text                      */
  --blg-muted: #5a5a64;       /* secondary text                 */
  --blg-soft: #f6f7fa;        /* soft section background        */
  --blg-line: #e4e7ef;        /* hairline borders               */
}

.blg-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 64px);
}

/* ---------- Section headers ---------- */

.blg-section-head {
  max-width: 760px;
  margin: 0 auto 46px;
  text-align: center;
}

.blg-section-head--left {
  text-align: left;
}

.blg-kicker {
  display: inline-block;
  margin-bottom: 16px;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  color: var(--blg-cyan);
}

.blg-section-title {
  margin: 0 0 14px;

  font-family: "Geist", "Inter", sans-serif;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.6px;

  color: var(--blg-ink);
}

.blg-section-sub {
  margin: 0;

  font-family: "Inter", sans-serif;
  font-size: 16.5px;
  line-height: 1.6;

  color: var(--blg-muted);
}

/* ---------- Category chip ---------- */

.blg-chip {
  display: inline-block;

  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: var(--blg-blue);
  background: #eaf1fb;

  padding: 5px 10px;
  border-radius: 20px;
}

/* ---------- Link with arrow ---------- */

.blg-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;

  color: var(--blg-blue);
  text-decoration: none;
}

.blg-link span {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.blg-link:hover span {
  transform: translate(3px, -3px);
}

@media (prefers-reduced-motion: reduce) {
  .blg-link span {
    transition: none;
  }
}

/* ---------- Platform (Press Releases) section —
   White background on the blog page. The shared
   platforms.css styles .press black for the services
   page; the #blg-platforms scope keeps this override
   blog-only and specific enough to win. ---------- */

#blg-platforms .press {
  background: #ffffff;
  color: var(--blg-ink);
}

#blg-platforms .press-title {
  color: var(--blg-ink);
}

#blg-platforms .press-sub {
  color: var(--blg-muted);
}

#blg-platforms .press-all {
  color: var(--blg-ink);
  border-bottom-color: var(--blg-ink);
}

#blg-platforms .press-arrow {
  border-color: rgba(23, 23, 58, 0.35);
  background: rgba(23, 23, 58, 0.06);
  color: var(--blg-ink);
}

#blg-platforms .press-arrow:hover:not(:disabled) {
  background: var(--blg-ink);
  color: #ffffff;
}

#blg-platforms .press-count {
  color: var(--blg-muted);
}