/* Resources hub (/resources/) and the tile-based article/case-study browsing
   (/resources/blog/, and the previews on /resources/ itself). Extends the existing
   .b3-*/.batch-three and .batch-four type scale and palette; no new colours. */

/* ---- the "four ways in" bridge grid on /resources/ ---- */
.batch-three .rs-explore { padding-block: 8px 40px; border-top: 1px solid #c9c9bd; }
.batch-three .rs-explore-head { max-width: 62ch; }
.batch-three .rs-explore-head p { color: #536457; margin-top: 12px; }
.batch-three .rs-hub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1px; background: #c9c9bd; border: 1px solid #c9c9bd; margin-top: 28px; }
.batch-three .rs-hub-card { background: #f5f3ed; padding: 26px 24px; display: flex; flex-direction: column; }
.batch-three .rs-hub-tag { font-size: 13px; color: #9f3624; font-weight: 600; margin-bottom: 10px; }
.batch-three .rs-hub-card h3 { font-size: 22px; line-height: 1.2; margin-bottom: 10px; }
.batch-three .rs-hub-card p:not(.rs-hub-tag) { color: #536457; font-size: 15px; line-height: 1.55; flex-grow: 1; }
.batch-three .rs-hub-card .textlink { margin-top: 18px; }
.batch-three .rs-hub-card.is-soon { background: #ece9df; }
.batch-three .rs-hub-card.is-soon h3 { color: #536457; }
.batch-three .rs-hub-soon { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-size: 13px; font-weight: 600; color: #536457; }
.batch-three .rs-hub-soon::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #819582; }

/* ---- tile grid: reused for article/case-study previews on /resources/ and the full list on /resources/blog/ ---- */
.rs-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 28px; list-style: none; padding: 0; }
.rs-tile { border: 1px solid #c9c9bd; border-radius: 4px; background: #f5f3ed; padding: 24px; display: flex; flex-direction: column; min-width: 0; transition: border-color .2s; }
.rs-tile:hover { border-color: #819582; }
.rs-tile-theme { font-size: 13px; color: #536457; margin-bottom: 12px; }
.rs-tile h2, .rs-tile h3 { font-size: 21px; line-height: 1.25; margin-bottom: 10px; }
.rs-tile h2 a, .rs-tile h3 a { text-decoration-thickness: 1px; }
.rs-tile-deck { color: #536457; font-size: 14.5px; line-height: 1.55; flex-grow: 1; }
.rs-tile-arrow { margin-top: 16px; font-size: 13px; font-weight: 600; color: #28332d; }
.rs-tile.is-case { background: #26352e; }
.rs-tile.is-case .rs-tile-theme { color: #e7b494; }
.rs-tile.is-case h2, .rs-tile.is-case h3, .rs-tile.is-case h2 a, .rs-tile.is-case h3 a { color: #f5f3ed; }
.rs-tile.is-case .rs-tile-deck { color: #d4dfd5; }
.rs-tile.is-case .rs-tile-arrow { color: #f5f3ed; }
.rs-tile.is-case:hover { border-color: #e7b494; }
.rs-tiles-foot { margin-top: 24px; }

@media (min-width: 900px) {
  .batch-three .rs-hub-card { padding: 30px 26px; }
  .rs-tile { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) { .rs-tile { transition: none; } }