.quiz-picker {
  padding: 75px 0 115px;
  scroll-margin-top: 20px;
}
.quiz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.quiz-type {
  min-height: 340px;
  padding: 30px;
  border: 2px solid var(--ink);
  border-radius: 22px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: transform .18s, box-shadow .18s;
}
.quiz-type:hover { transform: translateY(-5px) rotate(-1deg); box-shadow: 8px 8px 0 var(--ink); }
.quiz-type.type-1 { background: #ffd9cf; }
.quiz-type.type-2 { background: #ddd3ff; }
.quiz-type.type-3 { background: #f6db80; }
.type-number { font-size: 13px; font-weight: 900; letter-spacing: 1.5px; }
.quiz-type h3 { font-size: 32px; line-height: 1.05; letter-spacing: -1.5px; margin: 45px 0 15px; }
.quiz-type p { color: #504944; line-height: 1.5; margin: 0 0 25px; }
.quiz-type strong { margin-top: auto; font-size: 13px; text-transform: uppercase; letter-spacing: .8px; }
.quiz-type strong span { float: right; font-size: 22px; }
.back-link { display: block; width: max-content; margin: 0 auto 25px; color: var(--muted); font-size: 13px; font-weight: 800; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .quiz-picker { padding: 55px 0 80px; }
  .quiz-grid { grid-template-columns: 1fr; }
  .quiz-type { min-height: 260px; }
  .quiz-type h3 { margin-top: 35px; }
}