/* ── Sidebar TOC ── */
.toc {
    position: sticky;
    top: 2rem;
    background: navy;
    color: whitesmoke;
    border: 1px solid rgba(135, 206, 250, .25);
    border-radius: 1rem;
    padding: 1.5rem 1.25rem;
    animation: fadeUp .6s ease both;
}

.toc-title {
    font-family: 'DM Serif Display', serif;
    font-size: 1.0rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: lightskyblue;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0,0,60,.1);
}

.toc ol {
    list-style: none;
    counter-reset: toc;
}

.toc li {
    counter-increment: toc;
    margin-bottom: .2rem;
}

.toc li a {
    display: flex;
    gap: .5rem;
    align-items: baseline;
    font-size: .85rem;
    color: whitesmoke;
    text-decoration: none;
    line-height: 1.4;
    padding: .25rem .35rem;
    transition: color .2s, background .2s;
}

.toc li a::before {
    content: counter(toc, decimal-leading-zero);
    font-size: .65rem;
    color: whitesmoke;
    flex-shrink: 0;
    font-weight: 500;
    letter-spacing: .03em;
}
.toc li a:hover {
    color: #fff;
    background: #005;
    border-radius: 1rem;
    border: 1px solid rgba(135, 206, 250, .25);
}