#site-index{
    margin-top:36px;
    padding-top:24px;
    border-top:1px solid #d6d2cb;
}

#site-index h2{
    margin:0;
    font-size:26px;
    font-weight:normal;
}

#site-index .index-categories{
    max-width:850px;
    font-size:16px;
    line-height:1.65;
}

#site-index .index-categories > span{
    color:#9a948a;
}

#site-index .index-category{
    margin-top:28px;
    scroll-margin-top:18px;
}

#site-index h3{
    margin:0;
    font-size:20px;
}

#site-index ul{
    margin-top:8px;
    margin-bottom:0;
    padding-left:25px;
}

#site-index li{
    margin:5px 0;
}

#site-index .external-mark{
    display:inline-block;
    margin-left:4px;
    color:#315f89;
    font-family:Arial, sans-serif;
    font-size:0.75em;
    vertical-align:0.12em;
    text-decoration:none;
}

#site-index .library-folder{
    margin:12px 0 0;
}

#site-index .library-folder summary{
    width:fit-content;
    cursor:pointer;
}

#site-index .resource-count{
    color:#68635b;
    font-size:15px;
}

#site-index a:focus-visible,
#site-index summary:focus-visible{
    outline:2px solid #315f89;
    outline-offset:3px;
}

@media (max-width:600px){
    #site-index{
        margin-top:30px;
        padding-top:22px;
    }

    #site-index .index-categories{
        font-size:17px;
    }

    #site-index li{
        margin:8px 0;
    }
}