.subSectionCard {
    width: 100%; 
    background-color: black;
    color: white;
    border: 2px solid rgb(38, 38, 38);

    hr {
        margin-top: 10px;
        border: 1px solid var(--enterprise-dark-gray);
    }
    h2 {
        margin-top: 0px;
    }
    p {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}
.subSectionCard:hover {
    cursor: pointer;
    border: 2px solid slategray;
}
.subSectionCardEnd {
    margin-right: 0px;
}

.path {
    color: slategray;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 4vh;
}

.beta{
    border-left: 6px solid rgb(65, 181, 253);
    padding: 12px;
    background-color: rgb(214, 240, 255);
    color: rgb(7, 134, 212);
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: small;
}
.incomplete{
    border-left: 6px solid rgb(217, 134, 2);
    padding: 12px;
    background-color: rgb(254, 219, 155);
    color: rgb(182, 112, 0);
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: small;
}
.salesBlob {
    border-left: 6px solid grey;
    padding: 12px;
    background-color: rgb(38, 38, 38);
    color: white;
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: small;
}

code {
    background-color: rgb(38, 38, 38);
    color: coral;
    font-size: large;
    padding-left: 4px;
    padding-right: 4px;
}

li {
    word-break: break-all;
}