/* App-owned landing refinements layered over the Claude handoff CSS. */
.overline {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.learning-art {
  position: absolute;
  width: 78%;
  height: 78%;
  object-fit: contain;
  opacity: .46;
  filter: drop-shadow(0 18px 28px rgba(15, 23, 42, .18));
}

.learn-visual .lv-glyph {
  z-index: 1;
}

.summary-card .btn-primary,
.next-action .btn-onhero {
  width: 100%;
  justify-content: center;
}

.metric .link-arrow {
  margin-top: 20px;
  justify-content: flex-end;
}

.expl-pane h4 svg {
  width: 18px;
  height: 18px;
  color: var(--prep-violet-600);
}

.exam-card .ex-code span {
  display: block;
  line-height: .96;
  text-align: center;
}

.exam-card.exam-blue {
  background:
    radial-gradient(circle at 16% 18%, rgba(14, 165, 233, .16), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(219, 234, 254, .72));
  border-color: rgba(37, 99, 235, .28);
}

.exam-card.exam-cyan {
  background:
    radial-gradient(circle at 18% 20%, rgba(6, 182, 212, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(207, 250, 254, .7));
  border-color: rgba(6, 182, 212, .28);
}

.exam-card.exam-violet {
  background:
    radial-gradient(circle at 18% 18%, rgba(124, 58, 237, .16), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(237, 233, 254, .72));
  border-color: rgba(124, 58, 237, .3);
}

.exam-card.exam-green {
  background:
    radial-gradient(circle at 18% 18%, rgba(16, 185, 129, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(220, 252, 231, .68));
  border-color: rgba(16, 185, 129, .3);
}

.exam-card.exam-orange {
  background:
    radial-gradient(circle at 18% 18%, rgba(245, 158, 11, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(255, 237, 213, .72));
  border-color: rgba(245, 158, 11, .32);
}

.exam-card.exam-blue .ex-code { background: linear-gradient(135deg, #06b6d4, #2563eb); }
.exam-card.exam-cyan .ex-code { background: linear-gradient(135deg, #22d3ee, #0284c7); }
.exam-card.exam-violet .ex-code { background: linear-gradient(135deg, #8b5cf6, #4f46e5); }
.exam-card.exam-green .ex-code { background: linear-gradient(135deg, #22c55e, #059669); }
.exam-card.exam-orange .ex-code { background: linear-gradient(135deg, #fb923c, #f97316); }

@media (max-width: 760px) {
  .q-show-grid,
  .builder-grid,
  .analytics-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 18px;
    padding-bottom: 8px;
  }

  .q-show-grid > *,
  .builder-grid > *,
  .analytics-grid > * {
    min-width: 84%;
    scroll-snap-align: start;
  }
}