html {
    font-size: min(calc(2.2vw),16px);
}
body{
    margin: 0;
    --cabinet-height: 6lh;
}

dl.ordered{
    counter-reset: dl-counter;
}

dl.ordered>dt{
    display: list-item;
    counter-increment: dl-counter;
    position: relative;
    list-style-type:none;
    padding-left: 2ch;
}
dl.ordered>dt + dd{
    margin-left: 1ch;
    display: list-item;
    position:relative;
    list-style-type:none;
    padding-left: 1ch;
    height: 2lh;
}

dl.ordered>dt::before {
    position: absolute;
    left:0;
    width: 2ch;
    content: counter(dl-counter) ".";
    border-radius: 100%;
    display: inline-block;
    text-align: left;
}
dl.ordered>dt +dd::before {
    position: absolute;
    left:0;
    width: 1ch;
    height: 1lh;
    content: "> ";
	font-family: "Special Elite", 'Courier New', Courier, monospace;
    border-radius: 100%;
    display: inline-block;
    text-align: left;
}
dl.ordered>dt.circled::before {
    left:-.5ch;
    padding-left: .5ch;
    border: 1.5px solid black;
    border-radius: 100%;
}

dl.ordered>dt:nth-child(n+10 of dt){
    padding-left: 3ch;
}
dl.ordered>dt:nth-child(n+10 of dt) + dd{
    margin-left: 2ch;
}
dl.ordered>dt:nth-child(n+10 of dt)::before{
    width: 3ch;
}

dl.ordered>dd>ol{
    padding-left: 2ch;
}