/*
 * Markup added by the backend wiring that the prototype has no rule for:
 * WordPress post content in the article layout, exercise answer options, and
 * the review star select. Values follow the prototype's own article/dialog styles.
 */

/* Bài viết chi tiết: post content (same rhythm as .article-body section). */
.article-body #article-rich.entry-content { margin: 22px 0 23px; overflow-wrap: break-word; }
.article-body #article-rich.entry-content h2 { font-size: 21px; line-height: 1.4; margin: 22px 0 9px; letter-spacing: -.3px; }
.article-body #article-rich.entry-content h3 { font-size: 17px; line-height: 1.4; margin: 18px 0 8px; }
.article-body #article-rich.entry-content p { margin: 0 0 12px; line-height: 1.7; }
.article-body #article-rich.entry-content ul,
.article-body #article-rich.entry-content ol { margin: 0 0 12px; padding-left: 1.3em; line-height: 1.7; }
.article-body #article-rich.entry-content img { max-width: 100%; height: auto; border-radius: 8px; }
.article-body #article-rich.entry-content blockquote { padding: 16px; border-radius: 8px; background: #fff6e9; margin: 14px 0 22px; }
@media (max-width: 760px) {
	.article-body #article-rich.entry-content h2 { font-size: 19px; }
}

/* Bài tập & Kiểm tra: answer options in #modal. */
#modal .dha-option { display: flex; flex-direction: row; align-items: center; gap: 8px; margin: 0; cursor: pointer; }
#modal .dha-option input { width: auto; margin: 0; flex: none; }
#modal fieldset legend { font-weight: 600; margin-bottom: 4px; }

/* Đánh giá khóa học: star select styled like the dialog inputs. */
#review-form select[name="rating"] { padding: .65rem; border: 1px solid #dce4ee; border-radius: .35rem; width: 100%; font: inherit; background: #fff; }