/* Only the certificates panel in magazine.html. Existing magazine styles stay intact. */
.mapsa-magazine-certificates__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  padding: 24px;
}
.mapsa-magazine-certificates__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #cde8e8;
  background: #f1fbfa;
  color: #082b49;
  border-radius: 12px;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.mapsa-magazine-certificates__card:hover,
.mapsa-magazine-certificates__card:focus-visible {
  border-color: #59ced8;
  box-shadow: 0 7px 24px rgba(0,17,43,.12);
}
.mapsa-magazine-certificates__image {
  height: 224px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #fff;
  overflow: hidden;
}
.mapsa-magazine-certificates__image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.mapsa-magazine-certificates__info {
  padding: 14px 13px 18px;
  text-align: right;
  flex: 1;
}
.mapsa-magazine-certificates__info h3 {
  font-size: 14px;
  line-height: 1.9;
  margin: 0 0 6px;
  color: #082b49;
}
.mapsa-magazine-certificates__info p {
  font-size: 12px;
  line-height: 1.9;
  margin: 0;
  color: #4b5563;
}
.mapsa-magazine-certificates__hint {
  margin: 0;
  padding: 0 24px 24px;
  font-size: 12px;
  color: #586f79;
}
@media (max-width: 980px) {
  .mapsa-magazine-certificates__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .mapsa-magazine-certificates__grid { grid-template-columns: 1fr; padding: 16px; }
  .mapsa-magazine-certificates__image { height: 255px; }
  .mapsa-magazine-certificates__hint { padding: 0 16px 20px; }
}