/* Blog index: card grid following the original Blocksy archive.
   Content 90% wide up to 1290px (88% on phones); 3 / 2 / 1 columns. */
.blog-list {
  width: 90%; max-width: 1290px; margin: 0 auto; padding: 60px 0;
  font: 400 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #3a4f66;
}
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.entries { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.entry-card {
  display: flex; flex-direction: column;
  background: #fff; padding: 30px;
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, .04);
}
.entry-cats, .entry-meta { font-size: 12px; line-height: 19.8px; font-weight: 600; text-transform: uppercase; }
.entry-cats { margin: 0 0 20px; }
.entry-title {
  font-family: inherit; font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: normal;
  color: #192a3d; margin: 0 0 20px;
}
.entry-title a { text-decoration: none; }
.entry-title a:hover { color: #2872fa; }
.entry-media { display: block; margin: 0 -30px 20px; }
.entry-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.entry-excerpt { margin: 0 0 20px; }
.entry-meta { list-style: none; padding: 0; margin: auto 0 0; }
.entry-meta li { display: inline-block; }
.entry-meta li:not(:last-child) { margin-right: 9px; }
.entry-meta li:not(:last-child)::after { content: "/"; position: relative; top: -1.2px; margin-left: 9px; }

@media (max-width: 999.98px) {
  .entries { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 689.98px) {
  .blog-list { width: 88%; padding: 50px 0; }
  .entries { grid-template-columns: 1fr; }
  .entry-title { font-size: 18px; }
}