body{display:flex;flex-wrap:wrap;color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;max-width:100%}header{flex 1 1 auto;border-bottom:1px solid #222;margin-bottom:1rem;width:100%}nav{flex 1 1 auto;width:20%}main{flex 1 1 auto;width:60%}asside{flex 1 1 auto;width:20%}footer{flex 1 1 auto;width:100%;border-top:1px solid #222;margin-top:1rem}a{color:#00e;text-decoration:none}.treeview{list-style-type:none;margin:0;padding:0}.caret{list-style-type:none;cursor:pointer}.caret::before{content:"\25B6";color:#000;display:inline-block;margin-right:6px}.caret-down::before{transform:rotate(90deg)}.nested{display:none}.active{list-style-type:none;display:block}