.clt, .clt ul, .clt li {
    position: relative;
/*
    font-family: "Courier New", monospace;
*/
}

.clt ul {
    list-style: none;
    padding-left: 32px;
    margin:0;
}
.clt li::before, .clt li::after {
    content: "";
    position: absolute;
    left: -12px;
}
.clt li::before {
    border-top: 1px solid #f56a6a;
    top: 9px;
    width: 8px;
    height: 0;
}
.clt li::after {
    border-left: 1px solid #f56a6a;
    height: 100%;
    width: 0px;
    top: 2px;
}
.clt ul > li:last-child::after {
    height: 8px;
}

.clt  {
/*
    font-size: 0.9em;
*/
/*
    background: rgba(230, 235, 237, 0.25);
*/
/*    border-radius: 0.375em;
    border: solid 1px darkred;
    margin: 0 0.25em 2em;
    padding: 0.25em 0.65em;
    box-shadow: 0 8px 16px rgba(0,0,0,.55);
}
*/