/* =========================================================
   SSE Prospective Students – Quick Links (one-row cards)
   Scope: ONLY elements inside .sse-prosp-ql
   ========================================================= */

.sse-prosp-ql{
  --sse-max: 1120px;
  --sse-pad: clamp(16px, 3vw, 28px);
  --sse-gap: clamp(10px, 1.6vw, 16px);

  --sse-radius: 16px;
  --sse-border: 1px solid rgba(0,0,0,.10);
  --sse-shadow: 0 10px 24px rgba(0,0,0,.08);
  --sse-shadow-hover: 0 14px 30px rgba(0,0,0,.12);

  --sse-muted: rgba(0,0,0,.65);
  --tulane-green: #255C4E;
}

.sse-prosp-ql .sse-prosp-ql__inner{
  max-width: var(--sse-max);
  margin: 0 auto;
  padding: 6px var(--sse-pad) 22px var(--sse-pad);
}

.sse-prosp-ql .sse-prosp-ql__title{
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--tulane-green);
}

/* One-row behavior */
.sse-prosp-ql .sse-prosp-ql__row{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(200px, 1fr);
  gap: var(--sse-gap);
  overflow-x: auto;
  padding-bottom: 6px; /* gives scrollbar breathing room */
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* On wider screens, show all 5 across without scrolling */
@media (min-width: 1100px){
  .sse-prosp-ql .sse-prosp-ql__row{
    grid-auto-flow: initial;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow-x: visible;
  }
}

.sse-prosp-ql .sse-prosp-card{
  background: #fff;
  border: var(--sse-border);
  border-radius: var(--sse-radius);
  box-shadow: var(--sse-shadow);
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
  scroll-snap-align: start;
}

.sse-prosp-ql .sse-prosp-card:hover,
.sse-prosp-ql .sse-prosp-card:focus-within{
  transform: translateY(-2px);
  box-shadow: var(--sse-shadow-hover);
}

.sse-prosp-ql .sse-prosp-card__link{
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
  padding: 14px 16px;
}

.sse-prosp-ql .sse-prosp-card__title{
  display: block;
  font-weight: 800;
  line-height: 1.2;
  color: var(--tulane-green);
}

.sse-prosp-ql .sse-prosp-card__desc{
  display: block;
  margin-top: 6px;
  color: var(--sse-muted);
  line-height: 1.4;
  font-size: 14px;
}

.sse-prosp-ql .sse-prosp-card__cta{
  display: block;
  margin-top: 10px;
  color: var(--tulane-green);
  font-weight: 800;
}
/* =========================================================
   Prospective Students – 3-card row layout
   ========================================================= */

/* Desktop: 3 cards across, no horizontal scroll */
@media (min-width: 1100px){
  .sse-prosp-ql .sse-prosp-ql__row{
    grid-auto-flow: initial;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
  }
}

/* Tablet: 2 cards per row */
@media (min-width: 700px) and (max-width: 1099px){
  .sse-prosp-ql .sse-prosp-ql__row{
    grid-auto-flow: initial;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
  }
}

/* Mobile: 1 card per row */
@media (max-width: 699px){
  .sse-prosp-ql .sse-prosp-ql__row{
    grid-auto-flow: initial;
    grid-template-columns: 1fr;
    overflow-x: visible;
  }
}
.sse-prosp-ql .sse-prosp-card__link{
  padding: 20px 22px;
}

.sse-prosp-ql .sse-prosp-card__title{
  font-size: 20px;
}