/* Homepage "From the journal" — Flatsome Blog Posts element with class `tiw-home-journal`.
   Mirrors the /blog/ card (blog-ui.css `.tiw-blog-card`) so both surfaces read as one
   Signal & Ink system. Enqueued on the front page only (inc/home-shortcodes.php). */
/* Same section rhythm as the other homepage sections (style.css `body.home .home-v2-*`). */
body.home .home-v2-journal {
  padding-top: 22px !important;
  padding-bottom: 8px !important;
}
body.home .home-v2-journal .text .button {
  margin-bottom: 0;
}
.tiw-home-journal .col-inner {
  height: 100%;
}
.tiw-home-journal .box-blog-post {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--tiw-mist, #e7eef0);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgb(23 50 77 / 8%);
  transition: transform .2s ease, box-shadow .2s ease;
}
.tiw-home-journal .box-blog-post:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgb(23 50 77 / 11%);
}
/* Flatsome centres .box-image with auto margins; inside the flex column that stops it
   stretching and it collapses to 0 wide (the image is absolutely positioned). */
.tiw-home-journal .box-image {
  width: 100%;
  background: #f7f8f8;
}
.tiw-home-journal .box-text {
  flex: 1;
  padding: 20px 22px 22px;
  text-align: left;
}
.tiw-home-journal .blog-post-inner {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.tiw-home-journal__category {
  color: var(--tiw-signal, #ff6a3d);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.35;
  text-transform: uppercase;
}
.tiw-home-journal__category:hover {
  color: var(--tiw-deep, #c44924);
}
.tiw-home-journal .post-title {
  margin: 8px 0 0;
  color: var(--tiw-ink, #17324d);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.25;
  text-transform: none;
}
.tiw-home-journal .post-title a {
  color: inherit;
}
.tiw-home-journal .post-title a:hover {
  color: var(--tiw-deep, #c44924);
}
.tiw-home-journal .is-divider {
  display: none;
}
.tiw-home-journal__meta {
  margin: auto 0 0;
  padding-top: 14px;
  color: #8a97a0;
  font-size: 12.5px;
  font-weight: 700;
}
/* Touch widths: one swipeable row instead of a tall stack (or a 2+1 orphan grid). */
@media (max-width: 849px) {
  body.home .home-v2-journal {
    padding-top: 18px !important;
    padding-bottom: 7px !important;
  }
  /* Scrollbar hugs the cards (Flatsome's 30px column padding would push it away),
     and the "Read the journal" button gets clear air below it. */
  .tiw-home-journal.row {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .tiw-home-journal.row > .col {
    flex: 0 0 46%;
    max-width: 46%;
    padding-bottom: 0;
    scroll-snap-align: start;
  }
  .tiw-home-journal .post-title {
    font-size: 17px;
  }
}
@media (max-width: 549px) {
  .tiw-home-journal.row > .col {
    flex-basis: 84%;
    max-width: 84%;
  }
  .tiw-home-journal .box-text {
    padding: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tiw-home-journal .box-blog-post {
    transition: none;
  }
}