html,body{font-family:Segoe UI,SegoeUI,Arial,sans-serif;height:100%}body{display:flex;flex-direction:column;padding:0;margin:0}.border{border:1px solid red}main{width:50%}.main-container{display:flex;flex:1 0 auto}.breadcrumbs{list-style:none}.breadcrumbs li{display:inline;font-size:18px}.breadcrumbs li a{color:#0275d8;text-decoration:none}.breadcrumbs li a:hover{color:#01447e;text-decoration:underline}.breadcrumbs li+li:before{content:"\003e";padding:8px;color:#000}.page-tree{width:25%}.page-tree ul{list-style:none}.page-tree>ul{margin:0;padding:0}.page-tree .page-tree-section-name{display:inline-block;cursor:pointer;user-select:none}.page-tree .page-tree-section-name::before{content:"\25B6";display:inline-block}.page-tree .page-tree-section-name.expanded::before{transform:rotate(90deg)}.page-tree .page-tree-section-name.collapsed+ul{display:none}.page-tree .current-page{background-color:#ff0}.toc{width:25%}footer{flex-shrink:0}