/* Shred Finder — Quiz page (/quiz): three questions as pill buttons, matches below
   (pills share .pill-choice from favourites.css; cards share results.css) */

.quiz-page {
    max-width: 1120px;
    margin: 0 auto;
}

.quiz-questions {
    padding: 22px 24px;
    border-radius: 22px;
    border: 2px solid rgba(198, 244, 50, 0.45);
    background:
        radial-gradient(circle at 0% 0%, rgba(198, 244, 50, 0.14), transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(255, 122, 26, 0.10), transparent 40%),
        var(--sf-surface);
    animation: sf-pop var(--sf-slow) var(--sf-ease) 80ms both;
}

.quiz-questions .zDialog-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.quiz-questions .zDialog-container > h3,
.quiz-questions .zDialog-feedback:empty {
    display: none;
}

.quiz-questions .zDialog-form {
    display: grid;
    gap: 22px;
}

.quiz-questions .zDialog-form > .zmb-3 {
    margin: 0 !important;
}

/* question labels read like quiz questions */
.quiz-questions .zLabel {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--sf-text);
    margin-bottom: 8px;
}

.quiz-questions .zSelect {
    max-width: 320px;
    height: 50px;
    border-radius: 999px !important;
    padding: 0 20px;
}

.quiz-matches {
    margin-top: 26px;
}

.quiz-matches > h3 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.9rem;
    text-transform: uppercase;
    color: var(--sf-lime);
    margin: 0 0 4px;
}

.quiz-matches .favs-for {
    margin-bottom: 16px;
}

.quiz-hint {
    margin-top: 14px;
    color: var(--sf-muted);
    font-size: 0.92rem;
}

/* a live repaint (zDelta $Quiz.Matches) nests the fresh block inside the old one */
.quiz-matches .quiz-matches {
    margin-top: 0;
}