html:has(.edt-smooth-scroll) {

    scroll-behavior: smooth;

}



.edt-toc-wrap {

    --edt-bg: #fff;

    --edt-text: #111827;

    --edt-link: #1d4ed8;

    --edt-accent: #2563eb;

    --edt-border: #d1d5db;

    --edt-desktop-width: 420px;

    --edt-mobile-width: 100%;

    box-sizing: border-box;

    color: var(--edt-text);

    margin: 1.25rem 0;

    width: 100%;

}



.edt-device-toc {

    box-sizing: border-box;

    max-width: 100%;

    width: min(var(--edt-desktop-width), 100%);

}



.edt-desktop-align-left { margin-left: 0; margin-right: auto; }

.edt-desktop-align-right { margin-left: auto; margin-right: 0; }

.edt-desktop-align-center { margin-left: auto; margin-right: auto; }



.edt-toc-details,

.edt-render-js .edt-device-toc {

    background: var(--edt-bg);

    border: 1px solid var(--edt-border);

    border-radius: 8px;

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);

    overflow: visible;

    position: relative;

}



.edt-toc-details summary,

.edt-js-toggle {

    align-items: center;

    background: linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(37, 99, 235, 0.02));

    border: 0;

    border-radius: 8px;

    border-bottom: 1px solid var(--edt-border);

    color: var(--edt-text);

    cursor: pointer;

    display: flex;

    font: inherit;

    font-weight: 700;

    gap: 0.6rem;

    justify-content: space-between;

    line-height: 1.25;

    list-style: none;

    min-height: 44px;

    padding: 0.8rem 1rem;

    text-align: inherit;

    width: 100%;

}



.edt-toc-details[open] summary,

.edt-js-toggle[aria-expanded="true"] {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}



.edt-toc-details summary::-webkit-details-marker {

    display: none;

}



.edt-toc-details summary::after,

.edt-js-toggle::after {

    border-bottom: 2px solid var(--edt-accent);

    border-right: 2px solid var(--edt-accent);

    content: "";

    flex: 0 0 auto;

    height: 0.55rem;

    transform: rotate(45deg);

    transition: transform 160ms ease;

    width: 0.55rem;

}



.edt-toc-details[open] summary::after,

.edt-js-toggle[aria-expanded="true"]::after {

    transform: rotate(225deg);

}



.edt-toc-list {

    background: var(--edt-bg);

    border: 1px solid var(--edt-border);

    border-top: 0;

    border-radius: 0 0 8px 8px;

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);

    box-sizing: border-box;

    counter-reset: edt-toc;

    left: 0;

    list-style: none;

    margin: 0;

    max-height: 70vh;

    overflow: auto;

    padding: 0.35rem 0;

    position: absolute;

    right: 0;

    top: 100%;

    width: 100%;

    z-index: 60;

    animation: edt-toc-slide-in 160ms ease;

}



@keyframes edt-toc-slide-in {

    from {

        opacity: 0;

        transform: translateY(-6px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.edt-toc-item {

    counter-increment: edt-toc;

    margin: 0;

}



.edt-toc-item a {

    align-items: baseline;

    color: var(--edt-link);

    display: flex;

    gap: 0.55rem;

    line-height: 1.35;

    padding: 0.48rem 1rem;

    text-decoration: none;

}



.edt-toc-item a::first-letter {

    text-transform: uppercase;

}



.edt-toc-item a:hover,

.edt-toc-item a:focus {

    background: rgba(37, 99, 235, 0.08);

    color: var(--edt-accent);

    outline: 0;

}



.edt-has-counters .edt-toc-item a::before {

    color: var(--edt-accent);

    content: counter(edt-toc, decimal-leading-zero);

    flex: 0 0 auto;

    font-size: 0.78em;

    font-weight: 700;

}



.edt-no-counters .edt-toc-item a::before {

    content: none;

}



.edt-level-1 a { padding-inline-start: 1rem; }

.edt-level-2 a { padding-inline-start: 1.4rem; }

.edt-level-3 a { padding-inline-start: 2rem; }

.edt-level-4 a { padding-inline-start: 2.6rem; }

.edt-level-5 a { padding-inline-start: 3.2rem; }

.edt-level-6 a { padding-inline-start: 3.8rem; }



.edt-direction-rtl .edt-toc-item a {

    flex-direction: row-reverse;

}



@media (max-width: 767px) {

    .edt-device-toc {

        width: min(var(--edt-mobile-width), 100%);

    }



    .edt-mobile-align-left { margin-left: 0; margin-right: auto; }

    .edt-mobile-align-right { margin-left: auto; margin-right: 0; }

    .edt-mobile-align-center { margin-left: auto; margin-right: auto; }



    .edt-toc-list { max-height: 60vh; }

}