.resource-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.resource-card .pill{margin-bottom:8px;align-self:flex-start}
.resource-card h3{margin-bottom:10px}
.resource-meta{list-style:none;margin:0 0 16px;padding:0}
.resource-meta li{display:flex;gap:10px;align-items:flex-start;color:var(--ink);margin:0 0 8px;font-size:.98rem}
.resource-meta li:last-child{margin-bottom:0}
.resource-meta svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--p)}
.resource-meta a{color:var(--p);font-weight:700;text-decoration:none}
.resource-meta a:hover{text-decoration:underline}
.resource-card .btn2{margin-top:auto;align-self:flex-start}
.resource-note{color:var(--mut);font-size:.92rem;margin:0 0 14px}
.dir-note{color:var(--mut);font-size:.95rem;margin-top:22px}
.btn2 svg{width:22px;height:22px;flex:none}
.btn2.btn-email{background:#fff;color:var(--p);box-shadow:0 0 0 2px #ece5ff inset}

.ride-card{
  display:grid;
  gap:18px 28px;
  align-items:center;
  background:
    linear-gradient(#faf8ff,#f4fbf9) padding-box,
    linear-gradient(135deg,#6d3fd1 0%,#7c5ce6 40%,#22b8a4 100%) border-box;
  border:3px solid transparent;
  box-shadow:0 20px 48px rgba(60,30,120,.18);
}
@media(min-width:720px){
  .ride-card{grid-template-columns:1fr 1.2fr}
}
.ride-copy p{margin-bottom:16px}
.ride-copy .btns{flex-wrap:wrap;align-items:center;margin-top:4px}
.ride-art{margin:0}
.ride-art img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:22px;box-shadow:0 10px 28px rgba(60,30,120,.16)}