.ck-content{ line-height: 1.7;}
.ck-content .h1, .ck-content h1 { font-size: calc(var(--bs-body-font-size) * 1.6); }
.ck-content .h2, .ck-content h2 { font-size: calc(var(--bs-body-font-size) * 1.45); }
.ck-content .h3, .ck-content h3 { font-size: calc(var(--bs-body-font-size) * 1.3); }
.ck-content .h3, .ck-content h3 { font-size: calc(var(--bs-body-font-size) * 1.3); }
.ck-content .h4, .ck-content h4 { font-size: calc(var(--bs-body-font-size) * 1.15); }
.ck-content .h5, .ck-content h5 { font-size: calc(var(--bs-body-font-size) * 1.05); }
.ck-content .h6, .ck-content h6 { font-size: var(--bs-body-font-size); }

.ck-content .video-youtube { margin: 0 0 1rem; }

.ck-content figure.image { display: flex; flex-direction: column; align-items: center; margin: 15px auto; width: fit-content; max-width: 100%;}
.ck-content figure.image img { width: auto; }
.ck-content figure.image figcaption { padding: 10px; background-color: #eeeeee; width: 100%;}
.ck-content figure.image.image-style-block-align-left {align-items: flex-start;margin-left: 0;margin-right: auto;}
.ck-content figure.image.image-style-block-align-right {align-items: flex-end;margin-left: auto;margin-right: 0;}
.ck-content figure.table { display: inline-flex; justify-content: center; margin: 15px auto; }
.ck-content figure.table table { width: auto; }
.ck-content figure.table[style*="float:left"],
.ck-content figure.table[style*="float: left"] { justify-content: flex-start; }
.ck-content figure.table[style*="float:right"],
.ck-content figure.table[style*="float: right"] { justify-content: flex-end; }
.ck-content figure.table[style*="width:100%"],
.ck-content figure.table[style*="width: 100%"] {width: 100%;display: flex;}
.ck-content figure.table[style*="width:100%"] table,
.ck-content figure.table[style*="width: 100%"] table {width: 100%;}

.ck-content table { border: 1px solid #ddd;}
.ck-content table th,
.ck-content table td { padding: 8px 25px; border: 1px solid #ddd;}

.ck-content iframe { max-width: 100%;}

.ck-content h1[id]:hover,
.ck-content h2[id]:hover,
.ck-content h3[id]:hover,
.ck-content h4[id]:hover,
.ck-content h5[id]:hover,
.ck-content h6[id]:hover {position: relative;}

.ck-content h1[id]:hover::before,
.ck-content h2[id]:hover::before,
.ck-content h3[id]:hover::before,
.ck-content h4[id]:hover::before,
.ck-content h5[id]:hover::before,
.ck-content h6[id]:hover::before {content: '#'; position: absolute; left: -1.5rem; color: #007bff; opacity: 0.5; font-weight: normal;}

@media (max-width: 767.98px) {
	.ck-content{ text-align: justify;}
}