body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem}body>header{border-bottom:1px solid #222;margin-bottom:1rem; #page-title > a { color: #000000; }}#header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.header-left{display:flex;align-items:center;gap:32px}.header-nav{display:flex;align-items:center;gap:24px;font-size:large;font-weight:500;a { color: #64748b; transition: color 0.2s ease-in-out; &.active { font-weight: bolder; } }}.title-logo{display:flex;align-items:center;gap:12px;img { width: 32px; height: 32px; } h1 { font-size: 1.5rem; font-weight: bold; letter-spacing: -0.05em; a { color: #000000; } }}.header-right{display:flex;flex:1;justify-content:flex-end;gap:1rem}.header-search{position:relative;width:100%;max-width:max-content;input { padding-left: 40px; height: max-content; } img { position: absolute; inset-block: 4px; inset-inline-start: 0px; display: flex; align-items: center; padding-left: 12px; }}main{flex-direction:row;display:flex;.menu { width: 20vw; padding: 0px 20px 0px 0px; .active { font-weight: bold; } aside { width: fit-content; } }}.main-content{width:100vw}.highlight{padding:3px 5px;border-radius:5px}footer{border-top:1px solid #222;margin-top:1rem;p { text-align: center; }}a{color:#00e;text-decoration:none}article{background-color:#f1f1f1;border-radius:5px;box-shadow:0 5px 15px rgba(164,165,164,.35);padding:1rem}li>a{color:#161616}.card{border:#000 1px solid;margin-block:1rem;padding:1rem}#TableOfContents ul{padding-left:20px}.menu-float-btn{position:fixed;bottom:24px;right:24px;z-index:1000;background:#222;color:#fff;border:none;border-radius:50%;width:56px;height:56px;font-size:2rem;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer}.float-menu{display:none;position:fixed;bottom:90px;right:24px;z-index:1001;background:#fff;border:1px solid #222;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.2);padding:1rem;width:50vw}.menu-close-btn{position:absolute;top:8px;right:12px;background:0 0;border:none;font-size:1.5rem;color:#222;cursor:pointer}.badge{height:30px}@media(max-width:768px){#header{flex-direction:column;align-items:flex-start;padding:1rem 0}.header-left{flex-direction:column;align-self:center;gap:0}.header-right{align-self:center}}@media(min-width:769px){.float-menu{display:block;position:static;bottom:auto;right:auto;z-index:auto;background:0 0;border:none;box-shadow:none;padding:0;min-width:0}main{flex-direction:row-reverse;.float-menu { margin-inline: 1rem; padding: 0rem 3rem 0rem 1rem; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2); aside { position: sticky; top: 2rem; } }}}