/* ========== Base Card Component ========== */
.event-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  padding: clamp(1rem, 2vw, 2rem);
}

.event-card__grid {
  display: grid;
  gap: clamp(1rem, 2vw, 2rem);
  grid-template-columns: 1fr;        /* mobile: single column */
  align-items: start;
}
@media (min-width: 960px) {
  .event-card__grid { grid-template-columns: 3fr 2fr; }  /* default 60/40 */
}

/* Typography */
.event-card__title {
  margin: 0 0 .75rem 0;
  font-size: clamp(1.5rem, 1.2vw + 1.25rem, 2rem);
  font-weight: 700;
}

/* Treat <p><strong>…</strong></p> like section headings */
.event-card__content p > strong {
  display: block;
  margin-top: 1.25rem;
  margin-bottom: .25rem;
  font-size: 1.125rem;
  font-weight: 700;
}

/* Lists */
.event-card__content ul { margin: .25rem 0 0 1.25rem; padding: 0; }
.event-card__content li { margin: .4rem 0; }

/* Links */
.event-card__content a { text-underline-offset: 2px; }

/* Primary button */
.button.button--primary {
  display: inline-block;
  margin-top: 1rem;
  padding: .75rem 1rem;
  border-radius: 8px;
  background: #0f4a7b;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
}
.button.button--primary:hover,
.button.button--primary:focus { filter: brightness(.95); }

/* Media (poster) – base sizing only */
.event-card__media img {
  width: 100%;
  height: auto;
  display: block;
  background: #fff;
}

/* ========== Card-Specific Overrides (Veterans) ========== */
.vets-career-card .event-card__content { max-width: 62ch; }
.vets-career-card .event-card__content p { margin: .4rem 0 1rem; }

.vets-career-card .event-card__title {
  font-size: clamp(1.75rem, 1.1vw + 1.5rem, 2.2rem);
  margin-bottom: 1rem;
}


@media (min-width: 960px) {
  .vets-career-card .event-card__grid { grid-template-columns: 1.7fr 1.3fr; } /* slight 57/43 bias */
}

/* Make the poster fill its column (no 460px cap) */
.vets-career-card .event-card__media img {
  width: 100%;
  max-width: none;         /* <-- remove the limit */
  border: 16px solid #fff;
  border-radius: 8px;
  
}

/* Hug the right edge instead of centering */
.vets-career-card .event-card__media {
  justify-self: end;       /* was center */
  align-self: start;
}

/* Give the media column a bit more width on desktop */
@media (min-width: 960px) {
  .vets-career-card .event-card__grid {
    grid-template-columns: 1.55fr 1.45fr; /* slightly larger right column */
  }
}

/* Remove any card look on the media column */
.vets-career-card .event-card__media {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;

  justify-self: end;   /* hug right edge */
  align-self: start;
}

/* Cropping viewport that provides the frame + shadow */
.vets-career-card .poster-crop {
  width: clamp(360px, 50vw, 680px);   /* responsive width */
  overflow: hidden;                   /* hides the white margins we crop off */
  border-radius: 8px;
  /* white frame + soft drop shadow */
 
  background: #fff;
}

/* Give the content column more room on desktop */
@media (min-width: 960px) {
  .vets-career-card .event-card__grid {
    grid-template-columns: 2fr 1fr;           /* was ~1.55fr 1.45fr */
    column-gap: clamp(1rem, 3vw, 3rem);
  }
}

/* Let lines run a bit longer so the card is shorter */
.vets-career-card .event-card__content { 
  max-width: 72ch;                             /* was 62ch */
}
.vets-career-card .event-card__content p { 
  margin: .35rem 0 .85rem;                     /* slightly tighter vertical rhythm */
}
.vets-career-card .event-card__content li { 
  margin: .25rem 0; 
}

/* Nudge the poster narrower so it yields space to the text */
.vets-career-card .poster-crop {
  width: clamp(300px, 34vw, 560px);            /* was clamp(360px, 42vw, 680px) */
  /* keep existing aspect-ratio, frame, and shadow */
}

/* Tighter bullets */
.vets-career-card .event-card__content li {
  line-height: 1.3;     /* was ~1.6; snug but readable */
  margin: .15rem 0;     /* keep vertical rhythm tight */
}

/* Optionally a bit tighter on wide screens */
@media (min-width: 960px) {
  .vets-career-card .event-card__content li { line-height: 1.25; }
}