/* 左圖右文 (圖片和文字分開) */
.yc-left-image-container {
    display: flex  !important;
    align-items: center;
    justify-content: space-between; /* 避免圖片與文字過度擠壓 */
    gap: 15px; /* 保持圖片與文字之間的距離 */
}
.yc-left-image-container img {
    width: 35%;
    max-width: 300px; /* 避免圖片過大 */
}

.yc-left-image-container .text {
    flex: 1;
    min-width: 250px; /* 確保文字不會太窄 */
    word-break: normal;
}

/* 右圖左文 (圖片和文字分開) */
.yc-right-image-container {
    display: flex  !important;
    align-items: center;
    justify-content: space-between; /* 避免圖片與文字過度擠壓 */
    gap: 15px; /* 保持圖片與文字之間的距離 */
}
.yc-right-image-container img {
    width: 35%;
    max-width: 300px; /* 避免圖片過大 */
}

.yc-right-image-container.reverse {
    flex-direction: row-reverse !important;
}

.yc-right-image-container .text {
    flex: 1;
    min-width: 250px; /* 確保文字不會太窄 */
    word-break: normal;
}

/* 上面文章下面一張圖 */
.yc-text-above-image {
    text-align: center; /* 讓文章和圖片置中 */
}
.yc-text-above-image img {
    width: 60%; /* 控制圖片寬度，可依需求調整 */
    margin-top: 10px;
}

/* 上面文章下面兩張圖並排 */
.yc-text-above-two-images {
    text-align: center;
}
.yc-image-container {
    display: flex;
    justify-content: center; /* 讓圖片並排且置中 */
    gap: 15px; /* 兩張圖片之間的間距 */
    margin-top: 10px;
}
.yc-image-container img {
    width: 45%; /* 讓兩張圖片大致佔滿一行 */
}

/* 表格樣式 */
.yc-styled-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    text-align: left;
}


/* 表格邊框 */
.yc-styled-table th, .yc-styled-table td {
    padding: 10px;
    border: 1px solid #000000;
}



/* 左文繞圖 - 圖片靠左，文字環繞 */
.yc-float-left {
    float: left; /* 讓圖片靠左 */
    margin-right: 15px; /* 圖片右側留空間，避免文字貼住 */
    margin-bottom: 10px; /* 確保換行時不會太擠 */
    max-width: 45%; /* 圖片不超過 45% 版面 */
}

/* 右文繞圖 - 圖片靠右，文字環繞 */
.yc-float-right {
    float: right; /* 讓圖片靠右 */
    margin-left: 15px; /* 圖片左側留空間，避免文字貼住 */
    margin-bottom: 10px;
    max-width: 45%;
}

/* 確保段落有適當的換行 */
.yc-text-container {
    overflow: hidden; /* 避免圖片溢出導致版面錯亂 */
}