.case-list {
list-style: none;
padding-left: 0;
margin-top: 2rem;
}

.case-list > li {
margin-bottom: 2rem;
}

.case-list > li > a {
font-size: 1.2rem;
color: var(--neon-pink);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.04em;
display: inline-block;
margin-bottom: 0.5rem;
font-family: 'Chakra Petch', sans-serif;
font-weight: bold;
transition: all 0.2s ease-in-out;
}

.case-list > li > a:hover {
color: var(--neon-teal);
text-shadow: 0 0 6px var(--neon-teal);
}

.subindex {
list-style: circle;
margin-left: 1.5rem;
padding-left: 0.5rem;
}

.subindex li {
margin-bottom: 0.4rem;
}

.subindex a {
font-size: 0.95rem;
color: var(--neon-pink);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.04em;
font-family: 'Chakra Petch', sans-serif;
font-weight: bold;
transition: all 0.2s ease-in-out;
}

.subindex a:hover {
color: var(--neon-teal);
text-shadow: 0 0 6px var(--neon-teal);
}