/* fintelligent: the blog uses no photos (Website Risk Remediation I3, Rob's decision of November 10, 2026).
   Text-only post cards on /blog/, /blog/2/, /blog/3/ and in the "Latest News" sidebar of every post (class fx-post-card),
   and the date under the title in each post's header band (class fx-post-date). Modeled on Vercel's blog feed: the
   bold title carries the card. Brand colors and working neutrals only: titles Heading text #0F172A, date and summary
   Body text #333A40, rules #E2E6EA, hover and focus Blue #035388, header band Blue #035388 with White text.
   Each card has one link (its title); the ::after overlay makes the whole card clickable without a second tab stop.
   Loaded only on pages that have these classes ("needs": "blog" in src/data/global.json). */

.fx-post-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 24px 0 28px;
  border-top: 1px solid #E2E6EA;
  background: none;
  box-shadow: none;
  text-align: left;
}
.fx-post-card .fx-post-card__date {
  order: 0;
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  color: #333A40;
}
.fx-post-card .fx-post-card__title {
  order: 1;
  margin: 0;
  font-family: "Object Sans", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
}
.fx-post-card .fx-post-card__title a {
  color: #0F172A;
  text-decoration: none;
}
/* the whole card is the click target for the title link */
.fx-post-card .fx-post-card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.fx-post-card:hover .fx-post-card__title a,
.fx-post-card .fx-post-card__title a:focus-visible {
  color: #035388;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.fx-post-card .fx-post-card__summary {
  order: 2;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #333A40;
}

/* /blog/ grid: the Elementor loop grid keeps its columns; the cards fill their cell */
.elementor-loop-container > .fx-post-card {
  height: 100%;
}

/* "Latest News" in the post sidebar: the same card, smaller, in a single column */
/* the theme centers .media-post items (align-items: center) */
.tm-widget-blog-list .fx-post-card--small {
  display: flex;
  align-items: stretch;
  gap: 6px;
  margin: 0;
  padding: 16px 0 18px;
}
.tm-widget-blog-list .fx-post-card--small:first-child {
  border-top: 0;
  padding-top: 4px;
}
.tm-widget-blog-list .fx-post-card--small .fx-post-card__title {
  font-size: 16px;
}
.tm-widget-blog-list .fx-post-card--small .fx-post-card__summary,
.tm-widget-blog-list .fx-post-card--small .fx-post-card__date {
  font-size: 14px;
  line-height: 1.5;
}

/* post header band: the date under the H1, White on Blue #035388 */
.fx-post-date {
  margin: 12px 0 0;
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .fx-post-card .fx-post-card__title { font-size: 20px; }
  .tm-widget-blog-list .fx-post-card--small .fx-post-card__title { font-size: 16px; }
}