/*
All styles inherited from main page CSS:

.section - Standard section padding
.bg-lgray - Light gray background
.container - Centered max-width container
.s-eyebrow - Red uppercase eyebrow text
.s-title - Large navy heading with responsive sizing
.s-rule - Red horizontal rule divider
.explore-grid - Two-column grid layout for explore cards
.ec - Individual explore card with white background, border, hover effects
.ec:hover - Box shadow and translateY transform on hover
.ec-photo - Fixed height photo container with overflow hidden
.ec-photo img - Full width/height image with object-fit cover
.ec:hover .ec-photo img - Scale transform on card hover
.ec-body - Card content area with flex column layout
.ec-body h4 - Card title
.ec-body p - Card description with flex:1 to push link to bottom
.ec-body a - Red link text
.ec-body a:hover - Darker red on hover

Responsive breakpoints handled in main page CSS.
*/
  margin-bottom: 16px;
  flex: 1;
}

.cp-explore__body a {
  font-size: 13px;
  font-weight: 700;
  color: var(--red);
  text-decoration: none;
}

.cp-explore__body a:hover {
  color: #bf1a1a;
}

@media (max-width: 800px) {
  .cp-explore__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .cp-explore {
    padding: 56px 20px;
  }
}