.quiz-wp-cards-container { padding: 24px; }
.quiz-wp-cards-content { max-width: 980px; margin: 0 auto; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.08); padding: 24px; }
.quiz-wp-cards-header { text-align: center; margin-bottom: 12px; }
.quiz-wp-cards-title { font-size: 34px; margin: 0 0 8px; }
.quiz-wp-cards-subtitle { color: #555; margin: 0; }
.quiz-wp-cards-question { text-align: center; font-size: 22px; margin: 16px 0 20px; }
.quiz-wp-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.quiz-wp-card { display: block; background: #f7f7f8; border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit; border: 1px solid #eee; transition: transform .15s ease, box-shadow .15s ease; }
.quiz-wp-card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,.08); }
.quiz-wp-card-image img { width: 100%; height: 220px; object-fit: cover; display: block; }
.quiz-wp-card-body { padding: 16px; }
.quiz-wp-card-title { margin: 0 0 8px; font-size: 20px; }
.quiz-wp-card-sub { margin: 0 0 12px; color: #666; }
.quiz-wp-card-rating { color: #666; font-size: 16px; margin: 0 0 6px; }
.quiz-wp-stars { position: relative; display: inline-block; font-size: 18px; line-height: 1; }
.quiz-wp-stars-base { color: #d1d5db; letter-spacing: 2px; }
.quiz-wp-stars-fill { color: #F5A524; position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; letter-spacing: 2px; }
.quiz-wp-cards-footer { text-align: center; color: #999; font-size: 12px; margin-top: 12px; }

/* Mobile: manter dois cards lado a lado */
@media (max-width: 480px) {
    .quiz-wp-cards-content { padding: 16px; border-radius: 14px; }
    .quiz-wp-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .quiz-wp-card-image img { height: 150px; }
    .quiz-wp-card-body { padding: 12px; }
    .quiz-wp-card-title { font-size: 16px; margin-bottom: 6px; }
    .quiz-wp-card-rating { font-size: 14px; }
    .quiz-wp-stars { font-size: 16px; }
    .quiz-wp-stars-base, .quiz-wp-stars-fill { letter-spacing: 1px; }
}