.elementor-1242 .elementor-element.elementor-element-9ed6bc0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1242 .elementor-element.elementor-element-6e93e71{transition:all 400ms;text-align:center;}.elementor-1242 .elementor-element.elementor-element-6e93e71 .elementor-heading-title{font-family:var( --e-global-typography-34025d8-font-family ), Sans-serif;font-size:var( --e-global-typography-34025d8-font-size );font-weight:var( --e-global-typography-34025d8-font-weight );text-transform:var( --e-global-typography-34025d8-text-transform );font-style:var( --e-global-typography-34025d8-font-style );text-decoration:var( --e-global-typography-34025d8-text-decoration );line-height:var( --e-global-typography-34025d8-line-height );color:var( --e-global-color-dda0fe8 );}.elementor-1242 .elementor-element.elementor-element-7c7799a{transition:all 400ms;}@media(max-width:1024px){.elementor-1242 .elementor-element.elementor-element-6e93e71 .elementor-heading-title{font-size:var( --e-global-typography-34025d8-font-size );line-height:var( --e-global-typography-34025d8-line-height );}}@media(max-width:767px){.elementor-1242 .elementor-element.elementor-element-6e93e71 .elementor-heading-title{font-size:var( --e-global-typography-34025d8-font-size );line-height:var( --e-global-typography-34025d8-line-height );}}/* Start custom CSS for html, class: .elementor-element-7c7799a *//*
  Custom CSS for Embedded Content
  Paste this into your WordPress theme's "Additional CSS" section
  (Appearance > Customize > Additional CSS)
*/

/* --- General Container --- */
.ai-repurposed-content {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #333 !important;
  background-color: #f9f9f9 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  border: 1px solid #eee !important;
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

/* --- Headings --- */
.ai-repurposed-content h3,
.ai-repurposed-content h4 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  color: #111 !important;
  text-transform: none !important; /* Prevents theme from forcing uppercase */
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
  font-weight: 700 !important;
}

.ai-repurposed-content h3 {
  font-size: 1.5rem !important;
}

.ai-repurposed-content h4 {
  font-size: 1.25rem !important;
}

/* --- Paragraphs & Lists --- */
.ai-repurposed-content p {
  font-size: 1rem !important;
  margin-bottom: 1em !important;
}

.ai-repurposed-content ul {
  padding-left: 20px !important;
  margin-bottom: 1em !important;
}

.ai-repurposed-content li {
  margin-bottom: 0.5em !important;
}

/* --- Links --- */
.ai-repurposed-content a {
  color: #0056b3 !important;
  text-decoration: underline !important;
}

/* --- Quiz Specific --- */
.ai-repurposed-content .quiz-options label {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0.75rem !important;
  font-size: 1rem !important;
}

.ai-repurposed-content .quiz-options input[type="radio"] {
  margin-right: 10px !important;
}

.ai-repurposed-content button {
    background-color: #0056b3 !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    font-size: 1rem !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}

.ai-repurposed-content #quiz-results {
  margin-top: 2rem !important;
  padding: 1.5rem !important;
  background-color: #eef2ff !important;
  border-left: 4px solid #4f46e5 !important;
  border-radius: 4px !important;
}

/* --- Infographic Specific --- */
.ai-repurposed-content .infographic-section {
  padding: 15px !important;
  border-left: 4px solid #10b981 !important;
  background-color: #f0fdf4 !important;
  border-radius: 4px !important;
  margin-bottom: 1rem !important;
}

.ai-repurposed-content .infographic-section h4 {
  margin-top: 0 !important;
  color: #065f46 !important;
}/* End custom CSS */