:root {--sideW: 200px; }html {display: flex;flex-direction: column;height: 100%;margin: 0;padding: 0;}body {display: flex;flex-direction: column;flex-grow: 1;height: 100%;margin: 0;padding: 0;font-family: Arial, sans-serif;line-height: 1.6;color: #333;}h1 {border-bottom: 4px solid #dcdcde;clear: both;color: #333;font-size: 24px;font-weight: 400;padding: 0;margin: 0 0 7px;}h2 {color: #222;font-size: 20px;font-weight: 600;padding: 0;margin: 20px 0 0 0;}h3 {font-size: 16px;padding: 0;margin: 10px 0 0 0;}p {margin: 0;padding: 2pt 0 2pt 0;}a {color: #4080FF;font-weight: 400;text-decoration: none;}ul, ol, dl {margin: 1pt;padding: 5px 5px 5px 22px;}li {padding: 5px 0 5px;}header {top: 0;z-index: 500;display: flex;flex-direction: row;flex-shrink: 0;justify-content: space-between;align-items: center;width: 100%;font-size:10pt;text-align: center;background-color: #111;color: #888;transition: padding 0.3s ease; }header.small {padding: 0;}header.large {padding: 20px 0 10px;}header a {color: #4080FF;text-decoration: none;margin: 2px;vertical-align: middle;}.VCHL {display: flex;flex-direction: row;justify-content: left;align-items: center;}.top-bar-right {padding-right: 8px;}.topMenuBtn {padding: 0 16px 0 16px;border: 0;background-color: #111;vertical-align: middle;}.topMenuBtn img {height: 20px;margin: 0;}.topMenu {position: fixed;max-height: 90%;min-width: 250px;max-width: 90%;overflow-y: auto;top: 0;left: 5px;padding: 10px;transform: translateY(-120%); transition: transform 0.3s ease-in-out;z-index: 999;background-color: #eee;border-radius: 8px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);}.topMenu.is-active {transform: translateY(0);}.close-menu {font-size: 14pt;margin: 8pt;}footer {background-color: #bbb;color: black;text-align: center;font-size: 10pt;display: block;}footer.small {padding-bottom: 0;}footer.large {padding-bottom: 30px;}footer a {color: black;text-decoration: none;line-height: 2;margin: 8px;}.main-container {display: flex;flex-grow: 1;overflow: hidden; }.sidebar {display: block;background-color: #f4f4f4;flex-shrink: 0;overflow-y: auto;}.toc ul {list-style: none;padding: 0;margin: 0;}.toc ul ul {padding-left: 1em; font-size: 0.9em;}.toc li {margin: 4px;}.toc a {display: block;padding: 8px 12px;text-decoration: none;color: #555;border-radius: 8px;transition: background-color 0.3s ease, color 0.3s ease;}.toc a:hover,.toc a.active {background-color: #e0e0e0;color: #333;}.main-contents {display: flex;flex-grow: 1;flex-direction: column;}main {display: flex;flex-grow: 1;flex-direction: column;background-color: #fff;padding: 20px;}aside.sidebar { width: var(--sideW);}.main-container {flex-direction: row; overflow-y: hidden;}.main-contents {overflow-y: auto;}@media (max-width: 450px) {aside.sidebar {width:100%;}.main-container {flex-direction: column; overflow-y: auto;}.main-contents {overflow-y: visible;}}