body:not(.public-route) .quiz-social-panel { max-width: 820px; margin: 24px auto 0; padding: 32px; }
body:not(.public-route) .quiz-social-panel > p { margin: 8px 0 24px; line-height: 1.6; }
.quiz-social-card { border: 1px solid #d2d2d7; border-radius: 6px; overflow: hidden; max-width: 560px; background: #fff; }
.quiz-social-card img { display: block; width: 100%; aspect-ratio: 1.91; object-fit: cover; }
.quiz-social-card img[hidden] { display: none; }
.quiz-social-card > div { padding: 18px; }
.quiz-social-card small { display: block; color: #64646b; font-size: 12px; margin-bottom: 8px; }
.quiz-social-card strong { display: block; font-size: 20px; line-height: 1.3; overflow-wrap: anywhere; }
.quiz-social-card p { margin: 8px 0 0; color: #424247; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
#quiz-social-preview { max-width: 560px; margin: 0 auto; }
#quiz-social-preview > p { font-size: 14px; line-height: 1.6; margin: 16px 0; }
#quiz-social-preview > button { min-height: 44px; white-space: normal; }
@media (max-width: 600px) {
  body:not(.public-route) .quiz-social-panel { padding: 20px; }
  #quiz-social-preview > button { width: 100%; }
}