/* =============================================================================
   ZINCO — BLOG STYLES
   Scope: the articles index (/articles/), category & tag archives, and single
   post pages only. Loaded after zinco.css so it is the single authority for
   this scope, same convention as zinco-shop.css for the purchase journey.

   Card layout, meta order, featured image, breadcrumbs, tags and related
   posts are all set natively in Customizer → Blog Posts / Single Post — this
   file only supplies the brand tokens Blocksy has no direct control for.
   ============================================================================= */

/* --- Border colour ----------------------------------------------------------
   REMOVED 2026-09-07. This block used to re-point --theme-border-color for
   the blog templates, which meant the Customizer's own border colour could
   never take effect here. The border colour is now a single site-wide
   setting: Customizer → Colors → Border Color. Do not re-add it. */

/* --- Archive cards ------------------------------------------------------- */
body.blog .entries article,
body.archive.category .entries article,
body.archive.tag .entries article {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(10,11,12,.05);
  transition: box-shadow .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1);
}

body.blog .entries article:hover,
body.archive.category .entries article:hover,
body.archive.tag .entries article:hover {
  box-shadow: 0 28px 60px rgba(10,11,12,.10);
  transform: translateY(-2px);
}

body.blog .entries article .ct-media-container,
body.archive.category .entries article .ct-media-container,
body.archive.tag .entries article .ct-media-container {
  border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  body.blog .entries article,
  body.archive.category .entries article,
  body.archive.tag .entries article {
    transition: none;
  }
}

/* --- Single post: related posts cards ------------------------------------ */
body.single-post .ct-related-posts article {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(10,11,12,.05);
}

/* --- Single post: inline illustrative icons -------------------------------
   Small brand-system SVGs placed under an H2 to break up long-form text,
   reusing the same icon set as the rest of the site (icon scale, 120×120). */
body.single-post .zinco-article-icon {
  display: block;
  width: 84px;
  height: 84px;
  margin: 4px auto 28px;
}