/* article.css */

/* ================= NAV ================= */

/* ================= RELATED INSIGHT CARD ================= */
.relcard{display:flex;gap:13px;align-items:flex-start;text-decoration:none;padding:8px;margin:-8px;
  border-radius:2px;transition:background .18s ease}
.relcard:hover{background:#f6f1fd}
.relcard .thumb{flex:none;width:68px;height:68px;overflow:hidden;background-color:#e4d9f8;
  background-size:cover;background-position:center;transition:transform .32s ease}
.relcard:hover .thumb{transform:scale(1.06)}
.relcard .cat{display:block;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.09em;
  text-transform:uppercase;color:#7200d7;margin-bottom:5px}
.relcard .ttl{display:block;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:-.005em;
  color:#23004c;transition:color .18s ease}
.relcard:hover .ttl{color:#7200d7}
/* deep solid tier, for the secondary CTA the inner pages already used */
.btn-ink{background:#23004c;color:#fff;box-shadow:0 8px 20px -10px rgba(35,0,76,.7)}
.btn-ink .chip{background:rgba(255,255,255,.16)}
.btn-ink:hover{background:#7200d7;color:#fff}
.btn-ink:hover .chip{background:rgba(255,255,255,.26)}

@media (max-width:900px){
[style*="font-size:28px"]{font-size:22px !important}
}

/* related-post thumbnails are <img> elements */
img.thumb{object-fit:cover;display:block}