.toc-container {
    margin: 20px 0;
}

.toc-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline; /* Align items along the baseline */
    margin-bottom: 10px;
}

.toc-text {
    display: inline-block;
	max-width: 80%; /* Prevent text from taking too much space */
}

.toc-text a {
    color: #000;
    text-decoration: none;
}
.toc-item .no-deco:hover {
  text-underline-offset: 6px;
}
/* Dots that fill the space between text and page number */
.toc-dots {
    flex-grow: 1;
    margin: 0 10px;
    background-image: radial-gradient(circle, black 1px, transparent 1px); /* Create dot pattern */
    background-size: 5px 1px; /* Size of the dots and spacing */
    background-repeat: repeat-x;
    display: inline-block;
    height: .8px; /* Align dots to the baseline by reducing height */
	align-self: flex-end;
	margin-bottom: 7px;
}

.toc-page {
    text-align: right;
    white-space: nowrap; /* Prevent the page number from wrapping */
	align-self: flex-end;
}