/* ========== Page Cards ========== */
.aff-page-cards__grid{
  display:grid;
  gap:18px;
}
.aff-page-cards__grid--cols-1{ grid-template-columns:repeat(1,1fr); }
.aff-page-cards__grid--cols-2{ grid-template-columns:repeat(2,1fr); }
.aff-page-cards__grid--cols-3{ grid-template-columns:repeat(3,1fr); }
.aff-page-cards__grid--cols-4{ grid-template-columns:repeat(4,1fr); }

@media(max-width:1024px){
  .aff-page-cards__grid--cols-3,
  .aff-page-cards__grid--cols-4{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px){
  .aff-page-cards__grid--cols-2,
  .aff-page-cards__grid--cols-3,
  .aff-page-cards__grid--cols-4{ grid-template-columns:repeat(1,1fr); }
}

.aff-page-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  min-height: 240px;
}
.aff-page-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(0,0,0,.10);
  opacity:.98;
}

.aff-page-card__media{
  display:block;
  height: 140px;
  background:linear-gradient(135deg,#f3f4f6,#e9edf3);
}
.aff-page-card__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.aff-page-card__img--ph{
  display:block;
  width:100%;
  height:100%;
}

.aff-page-card__body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px 16px 16px;
  flex:1;
  justify-content:center;
}

.aff-page-card__title{
  margin:0;
  font-size:1.05rem;
  line-height:1.2;
  color:#111827;
}

.aff-page-card__excerpt{
  color:#374151;
  line-height:1.5;
}

.aff-page-card__cta{
  align-self:flex-start;
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  background:#111827;
  color:#fff;
}

.aff-pages-list__ul{
  margin:0;
  padding-left:18px;
}
.aff-pages-list__li{
  margin: 0 0 10px;
}
.aff-pages-list__a{
  font-weight:800;
  text-decoration:none;
}
.aff-pages-list__a:hover{ text-decoration:underline; }
.aff-pages-list__ex{
  margin-top:6px;
  color:#374151;
}