.quiz-page,.quiz-detail-page,.quiz-result-page{padding:32px 0 56px;background:#f8fafc}
.quiz-hero{padding:28px 0 10px}
.quiz-hero h1{margin:0 0 10px;font-size:clamp(32px,5vw,46px);line-height:1.08;color:#0f172a}
.quiz-hero p{margin:0;color:#475569;font-size:18px;max-width:760px}
.quiz-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:22px}
.quiz-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.06);display:flex;flex-direction:column}
.quiz-card__cover{display:block;aspect-ratio:16/9;background:#e2e8f0}
.quiz-card__cover img{width:100%;height:100%;object-fit:cover;display:block}
.quiz-card__body{padding:18px;display:grid;gap:14px}
.quiz-card__meta{display:flex;flex-wrap:wrap;gap:10px;color:#64748b;font-size:14px}
.quiz-card__meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px}
.quiz-card__title{margin:0;font-size:24px;line-height:1.15}
.quiz-card__title a{color:#0f172a;text-decoration:none}
.quiz-card__description{margin:0;color:#475569;line-height:1.55;min-height:48px}
.quiz-card__button,.quiz-primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;background:#2563eb;color:#fff;text-decoration:none;border:0;font-weight:700;cursor:pointer;transition:background .15s ease}
.quiz-card__button:hover,.quiz-primary-btn:hover{background:#1d4ed8}
.quiz-primary-btn--ghost{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
.quiz-primary-btn--ghost:hover{background:#f8fafc}
.quiz-empty{padding:32px 0;color:#64748b}
.quiz-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:13px}
.quiz-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#2563eb;color:#fff;font-weight:700}
.quiz-badge--soft{background:#e2e8f0;color:#0f172a}
.quiz-media-box img,.quiz-answer-option__media img,.quiz-result-card__cover img{max-width:100%;display:block;border-radius:18px}
.quiz-media-box audio,.quiz-answer-option__media audio{width:min(100%,380px)}
.quiz-media-box video,.quiz-answer-option__media video{width:min(100%,420px);display:block;border-radius:18px;background:#0f172a}
@media (max-width: 640px){.quiz-page,.quiz-detail-page,.quiz-result-page{padding-top:18px}.quiz-card__title{font-size:21px}.quiz-hero p{font-size:16px}}