/* ===== Media Detail Page ===== */
.mediaDetailHero{
  background:#fff;
  padding: 56px 0 22px;
}

.mediaBack{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 900;
  color:#2fb8c0;
  text-decoration:none;
  margin-bottom: 14px;
}
.mediaBack:hover{ text-decoration: underline; }

.mediaDetailTitle{
  margin: 0;
  font-weight: 900;
  color:#183c86;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.4px;
}

.mediaDetailMeta{
  margin-top: 10px;
  color:#6a7e9f;
  font-weight: 800;
}

.mediaDetailHeroImg{
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 18px;
  margin-top: 18px;
  box-shadow: 0 18px 50px rgba(14, 28, 55, .12);
  border: 1px solid rgba(20,40,80,.06);
}

.mediaDetailBody{
  background:#fff;
  padding: 22px 0 90px;
}

/* Rich text styling */
.rteContent{
  max-width: 920px;
}

.rteContent p{
  color:#6b7e9b;
  line-height: 1.9;
  font-size: 1.05rem;
  margin: 0 0 14px;
}

.rteContent h2,
.rteContent h3{
  color:#0b1a33;
  font-weight: 900;
  margin: 26px 0 12px;
}

.rteContent a{
  color:#2fb8c0;
  font-weight: 900;
  text-decoration: none;
}
.rteContent a:hover{ text-decoration: underline; }

.rteContent ul, .rteContent ol{
  padding-left: 1.2rem;
  color:#6b7e9b;
  line-height: 1.9;
}

@media (max-width: 640px){
  .mediaDetailHero{ padding-top: 42px; }
  .mediaDetailHeroImg{ max-height: 300px; border-radius: 14px; }
  .rteContent{ max-width: 100%; }
}