/**
 * Typography bài đọc — CHỈ trong #xito-reading-content (shortcode [xito_bai_doc]).
 * Handle CSS: xito-readings-typo (không đụng xito-frontend của plugin mẹ).
 */
.xito-app .x-body #xito-reading-content,
.xito-app .x-body #xito-reading-content .xito-reading,
#xito-reading-content,
#xito-reading-content .xito-tab-panel,
#xito-reading-content [data-xito-tab-panel],
#xito-reading-content .xito-reading {
  font-family: inherit !important;
  font-size: inherit !important;
  text-align: justify !important;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
  line-height: 1.8;
}

.xito-app .x-body #xito-reading-content p,
.xito-app .x-body #xito-reading-content .mslot__body,
.xito-app .x-body #xito-reading-content .mslot__body p,
.xito-app .x-body #xito-reading-content .mslot__lead,
.xito-app .x-body #xito-reading-content .leading,
.xito-app .x-body #xito-reading-content .poem,
.xito-app .x-body #xito-reading-content .xito-justify,
#xito-reading-content p,
#xito-reading-content h1,
#xito-reading-content h2,
#xito-reading-content h3,
#xito-reading-content h4,
#xito-reading-content h5,
#xito-reading-content h6,
#xito-reading-content li,
#xito-reading-content blockquote,
#xito-reading-content .mslot__body,
#xito-reading-content .mslot__body p,
#xito-reading-content .mslot__lead,
#xito-reading-content .mslot__incipit,
#xito-reading-content .leading,
#xito-reading-content .poem,
#xito-reading-content .xito-justify {
  text-align: justify !important;
  text-justify: inter-word;
  line-height: 1.8;
  margin-bottom: 15px;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
}

#xito-reading-content .xito-reading__header,
#xito-reading-content .xito-reading__date,
#xito-reading-content .xito-reading__season,
#xito-reading-content .xito-reading__celebration,
#xito-reading-content .xito-reading__year,
#xito-reading-content .xito-content-header,
#xito-reading-content .xito-content-header p,
#xito-reading-content .mslot__label,
#xito-reading-content .mslot__label-row,
#xito-reading-content .refrow,
#xito-reading-content .refrow__text,
#xito-reading-content .xito-webapp__loading,
#xito-reading-content .xito-webapp__empty,
#xito-reading-content .xito-tabs {
  text-align: center;
  hyphens: none;
  margin-bottom: 0;
}

#xito-reading-content .mslot__label,
#xito-reading-content .mslot__label-row,
#xito-reading-content .refrow,
#xito-reading-content .refrow__text {
  text-align: left;
}

#xito-reading-content .xito-reading-header-row,
#xito-reading-content .xito-rh-title,
#xito-reading-content .xito-rh-citation,
.xito-app .x-body #xito-reading-content .xito-reading-header-row,
.xito-app .x-body #xito-reading-content .xito-rh-title,
.xito-app .x-body #xito-reading-content .xito-rh-citation {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-align: left;
  margin-bottom: 0;
}
#xito-reading-content .xito-reading-header-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: nowrap !important;
  gap: 15px;
}
#xito-reading-content .xito-rh-title {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
#xito-reading-content .xito-rh-citation {
  text-align: right;
  white-space: normal !important;
  flex-shrink: 1 !important;
}
#xito-reading-content .xito-or {
  text-align: center;
}