/* Edition 16: concise visual study map following the Rancimat definition. */
.rancimat-study-snapshot {
  margin: 39px 0 47px;
  padding: 30px 32px 32px;
  color: #fff;
  background: #102f49;
  border-top: 3px solid var(--journal-green);
}
.article-body .rancimat-study-snapshot h3 {
  max-width: 540px;
  margin: 0;
  padding: 0;
  color: #fff;
  font: 700 clamp(25px, 3vw, 34px)/1.08 var(--sans);
  letter-spacing: -.055em;
}
.rancimat-study-caption {
  max-width: 430px;
  margin: 13px 0 0 !important;
  color: #bdd1db !important;
  font: 15px/1.55 var(--sans) !important;
}
.rancimat-study-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 0;
  margin: 27px 0 0;
  padding: 0;
  list-style: none;
}
.rancimat-study-cards li {
  min-height: 133px;
  padding: 19px 20px;
  background: #1b4764;
  border: 1px solid rgba(205, 235, 242, .18);
}
.rancimat-study-cards li > span {
  display: block;
  margin-bottom: 23px;
  color: var(--journal-green);
  font: 11px/1 var(--mono);
  letter-spacing: .06em;
}
.rancimat-study-cards b {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font: 700 18px/1.08 var(--sans);
  letter-spacing: -.035em;
}
.rancimat-study-cards p {
  margin: 0 !important;
  color: #c5d7de !important;
  font: 14px/1.48 var(--sans) !important;
}
.rancimat-study-arrow {
  display: grid;
  place-items: center;
  width: 0;
  overflow: visible;
  z-index: 1;
  color: #9fe092;
  font: 26px/1 var(--sans);
  transform: translateX(-13px);
  pointer-events: none;
}

@media (max-width: 720px) {
  .rancimat-study-snapshot {
    margin: 32px 0 40px;
    padding: 25px 20px 22px;
  }
  .article-body .rancimat-study-snapshot h3 {
    font-size: clamp(28px, 8vw, 34px);
  }
  .rancimat-study-caption {
    margin-top: 12px !important;
    font-size: 16px !important;
  }
  .rancimat-study-cards {
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 23px;
  }
  .rancimat-study-cards li {
    min-height: 0;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 11px;
    align-items: start;
    padding: 17px;
  }
  .rancimat-study-cards li > span {
    margin: 2px 0 0;
    font-size: 11px;
  }
  .rancimat-study-cards b {
    margin-bottom: 5px;
    font-size: 18px;
  }
  .rancimat-study-cards p {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
  .rancimat-study-arrow { display: none; }
}