/* Weblymade global UI polish - readability + consistency (v2) */

/* 1) Uniform readability boost: scale the rem base up ~10% site-wide */
:root{ --root-font-size: 110% !important; }

/* 2) Comfortable reading rhythm */
body{ line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
p, li, .brxe-text-basic{ line-height: 1.65; }
h1, h2, h3, h4, h5, h6, .brxe-heading{ line-height: 1.18; }

/* 3) Section content stays centered */
.brxe-section > .brxe-container{ margin-inline: auto; }

/* 4) Images fill their frames (safety net for card/figure media) */
.brxe-image, .brxe-image figure{ overflow: hidden; }
.brxe-image img, figure.brxe-image img, [class*='card'] img{ width: 100%; height: 100%; object-fit: cover; display: block; }

/* 5) Course/module card media: consistent 16:9 frame so thumbnails look uniform */
[class*='brmt_course_card'] .brxe-image, [class*='brmt_card'] .brxe-image, [class*='brmt_course_card'] figure{ aspect-ratio: 16 / 9; }

/* 6) Buttons: consistent line-height */
.brxe-button, .bricks-button{ line-height: 1.2; }