@charset "utf-8";

body {
    background-color: #1f1f1f;
    margin: 2em;
}

* {	color: #e8b46a; word-wrap: break-word; }

h1, h2, pre, div { font-family: monospace; font-size: 1.1em; line-height: 1.5; -webkit-text-size-adjust: none; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }

.ascii ul { margin: 0; padding: 0;  list-style: none; }
.ascii li { margin: 0; padding: 0; }

details > summary { list-style: none; }
details summary::-webkit-details-marker { display:none; }

details { margin-top: 0em; }

details  { margin-left: 0.2em; }
details  { padding-left: 2em; }
details  > summary { margin-left: -2.32em; }

/* level 1 */
.ascii > summary::before { content: ""; }
details { border-left: 1px dashed #e8b46a; }

/* level 2*/
.ascii > details > summary::before { content: "├──\00a0"}
.ascii > details:last-child > summary::before { content: "└──\00a0"; }
.ascii > details:last-child { border-left: 0px; }

/* level 3*/
.ascii > details > details > summary::before { content: "├──\00a0"}
.ascii > details > details:last-child > summary::before { content: "└──\00a0"; }
.ascii > details > details:last-child { border-left: 0px; }

/* level 4*/
.ascii > details > details > details > summary::before { content: "├──\00a0"}
.ascii > details > details > details:last-child > summary::before { content: "└──\00a0"; }
.ascii > details > details > details:last-child { border-left: 0px; }

/* level 5*/
.ascii > details > details > details > details > summary::before { content: "├──\00a0"}
.ascii > details > details > details > details:last-child > summary::before { content: "└──\00a0"; }
.ascii > details > details > details > details:last-child { border-left: 0px; }

/* level 6*/
.ascii > details > details > details > details > details > summary::before { content: "├──\00a0"}
.ascii > details > details > details > details > details:last-child > summary::before { content: "└──\00a0"; }
.ascii > details > details > details > details > details:last-child { border-left: 0px; }