.elementor-4702 .elementor-element.elementor-element-494bd51{--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-popup-modal-4702 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4702{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4702 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4702 .dialog-close-button{display:flex;}/******************************************
 * Personality Number – tiny visual tweaks
 * (works only on .mi-reading-personality)
 ******************************************/

/* Tag + title spacing and style */
.mi-reading-personality .mi-reading-tag {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.8;
  margin-bottom: 6px;
}

.mi-reading-personality .mi-reading-title {
  margin-bottom: 10px;
}

/* Double line under title */
.mi-reading-personality .mi-reading-lines {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 4px;
  margin-bottom: 16px;
}

/* If you want slightly softer lines just for Personality */
.mi-reading-personality .mi-reading-line {
  height: 1px;
  width: 80px;
  opacity: 0.9;
}

/* General section spacing */
.mi-reading-personality .mi-reading-section {
  margin-bottom: 18px;
}

.mi-reading-personality .mi-reading-section h3 {
  margin-bottom: 8px;
}

/* Note text style (chart + overview notes) */
.mi-reading-personality .mi-reading-note {
  font-size: 0.9rem;
  line-height: 1.6;
  font-style: italic;
  opacity: 0.9;
  border-left: 2px solid rgba(255, 255, 255, 0.18);
  padding-left: 10px;
  margin-top: 8px;
}

/* Letter–Number grid in the chart section */
.mi-reading-personality .mi-reading-letter-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 6px;
}

.mi-reading-personality .mi-letter-card {
  flex: 0 0 calc(33.333% - 8px);
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-align: center;
  font-size: 0.9rem;
}

.mi-reading-personality .mi-letter-number {
  display: block;
  font-weight: 600;
  margin-bottom: 2px;
}

.mi-reading-personality .mi-letter-letters {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
}

/* Number list spacing (overview section) */
.mi-reading-personality .mi-reading-number-list {
  margin: 10px 0 4px;
  padding-left: 18px;
}

.mi-reading-personality .mi-reading-number-list li {
  margin-bottom: 4px;
}

/* Mobile stacking */
@media (max-width: 767px) {
  .mi-reading-personality .mi-letter-card {
    flex: 0 0 calc(50% - 8px);
  }
}