/* ==========================================================
   Table of Contents
   Shared component
   ========================================================== */
.table-of-contents {
    margin-bottom: 3rem;
}

.table-of-contents h2 {
    margin-bottom: 1rem;
}

.table-of-contents ul {
    columns: 2;
    column-gap: 3rem;
}

.table-of-contents li {
    break-inside: avoid;
}

.table-of-contents a {
    color: var(--color-primary);
    text-decoration: none;
}

.table-of-contents a:hover,
.table-of-contents a:focus-visible {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .table-of-contents ul {
        columns: 1;
    }
}