/***************************************/
/** MAIN STYLE INTERFACE, DO NOT EDIT **/
/***************************************/
.container,.container-toc{display:grid;grid-template-rows:1fr}.sidebar,.toc{background-color:#000;position:sticky}.toc a:hover,a:hover{color:#15b8a6}.enhance-readability,.toc ul{line-height:1.5rem}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,sans-serif;color:#000;font-size:1rem}a{color:#00f;text-decoration:none}a:hover{text-decoration:underline}.nav,.nav a,.sidebar,.toc,.toc a,.toc ul{color:#fff}.nav a,.toc a,.toc a:hover{text-decoration:none}.container{grid-template-columns:18rem 1fr;grid-template-areas:"sidebar content";align-items:start}.container-toc{grid-template-columns:18rem 1fr 18rem;grid-template-areas:"sidebar content toc";align-items:start}.sidebar{grid-area:sidebar;padding:10px;min-height:100vh;height:100vh;top:0}.sidebar .brand{padding-top:10px;padding-left:30px}.brand .logo{width:12rem}.nav{padding:0 40px 20px 20px}.home{margin-top:30px}.nav a{padding:10px;margin:2px;display:inline-block;width:100%;font-weight:500}.nav a.active,.nav a:hover{background-color:#15b8a6;border-radius:5px;font-weight:500}.nav a .icon,.nav a.active .icon,.nav a:hover .icon{border-radius:8px;padding:7px 10px;font-size:.8rem;margin-right:10px}.sidebar h2{padding-left:20px;font-size:1rem;font-weight:300;text-transform:uppercase}.nav a .icon{background-color:#15b8a6}.nav a.active .icon,.nav a:hover .icon{background-color:#000}.main{grid-area:content;padding:10px 20px 10px 40px}code{background-color:#e0dede;padding:1px 5px;margin-left:2px;margin-right:2px}.toc{grid-area:toc;margin-top:20px;margin-right:20px;padding:5px 15px;border-radius:10px;top:20px}.toc h2{margin-bottom:0}.toc ul{list-style:outside;padding-left:20px;margin-top:5px}hr{margin-bottom:40px}.tip{background-color:#f6f6f6;border:1px dashed #ccc;width:40%;padding:0 20px 20px;margin-left:20px;top:0}.tip h3:before{content:"💡 "}.tip h3{color:#333;font-size:18px;margin-bottom:10px}.tip p{color:#666;font-size:14px;line-height:1.5;margin-bottom:0}.has-tip{display:flex;flex-wrap:wrap;align-items:flex-start}.text-wrapper{flex:1}.text-wrapper p{margin-top:0}x-marker{background-color:#ff0;display:inline;padding:3px}