/* XR-UAT V18 — Digital Land evidence integrity and verified impact. */

.v14-sara-frame-grid {
  align-items: start;
}

.v14-sara-frame {
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  overflow: hidden;
}

.v14-sara-frame img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: 50% 0 !important;
  background: #f7fbff;
}

.v14-sara-frame figcaption {
  min-height: 3.5rem;
  display: flex;
  align-items: center;
}

.sara-proof-grid .sara-target {
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 112, 0, .12), transparent 42%),
    #f7f4ef;
}

.sara-proof-grid .sara-target img {
  width: 100%;
  height: 100%;
  padding: clamp(.7rem, 1.4vw, 1.25rem);
  object-fit: contain;
  object-position: center;
  background: transparent;
}

.metric-card[data-student-count] {
  background:
    radial-gradient(circle at 84% 18%, rgba(80, 239, 178, .12), transparent 42%),
    linear-gradient(145deg, rgba(7, 33, 48, .94), rgba(5, 18, 31, .96));
  border-color: rgba(80, 239, 178, .34);
}

.metric-card[data-student-count] strong {
  color: #eafff7;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 28px rgba(80, 239, 178, .16);
}

@media (max-width: 720px) {
  .v14-sara-frame figcaption {
    min-height: auto;
  }
}