.janan-academy-entry {
  max-width: 1120px;
  margin: 18px auto 4px;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  direction: rtl;
  font-family: "Vazirmatn", Tahoma, sans-serif;
  color: #352737;
  background: linear-gradient(120deg, #fffaf7, #f8e9ed);
  border: 1px solid rgba(81, 50, 87, .13);
  border-radius: 26px;
  box-shadow: 0 18px 48px rgba(71, 45, 74, .09);
}
.janan-academy-entry__mark { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 20px 20px 20px 7px; color: white; background: #513257; font-size: 1.55rem; font-weight: 900; }
.janan-academy-entry p { margin: 0 0 4px; color: #c27f94; font-size: .72rem; font-weight: 900; }
.janan-academy-entry h2 { margin: 0; font-size: clamp(1rem, 2vw, 1.35rem); line-height: 1.5; }
.janan-academy-entry small { display: block; margin-top: 4px; color: #766878; font-size: .73rem; line-height: 1.7; }
.janan-academy-entry a { padding: 11px 16px; text-decoration: none; color: white; background: #513257; border-radius: 14px; font-size: .78rem; font-weight: 900; white-space: nowrap; }
@media (max-width: 720px) {
  .janan-academy-entry { margin: 10px 12px 4px; padding: 18px; grid-template-columns: auto 1fr; border-radius: 21px; }
  .janan-academy-entry__mark { width: 48px; height: 48px; border-radius: 16px 16px 16px 6px; }
  .janan-academy-entry a { grid-column: 1 / -1; text-align: center; }
}