:root{--bg-primary: #292525;--bg-secondary: #231f1f;--bg-tertiary: #272222;--text-color: #eaeaea;--text-secondary: #9c9794;--text-selected: #aaaaaa;--link-color: #7ab7ff;--border-color: #797070;--active-color: #d6d2eb}[data-theme=light]{--bg-primary: #d5d6ce;--bg-secondary: #cfd1c6;--bg-tertiary: #dcddda;--text-color: #1a1a1a;--text-secondary: #464242;--text-selected: #810443;--link-color: #005fcc;--border-color: #9f9ea0;--active-color: #7a5a5a}[data-theme=frosty]{--bg-primary: #f4f3f2;--bg-secondary: #ffffff;--bg-tertiary: #e8e6e4;--text-color: #1e1b1b;--text-secondary: #5f5a58;--text-selected: #3a3635;--link-color: #005fcc;--border-color: #c9c4c2;--active-color: #2f3fa4}[data-theme=sepia]{--bg-primary: #f3ede4;--bg-secondary: #efe6d8;--bg-tertiary: #e6dccd;--text-color: #2f2a25;--text-secondary: #5c5248;--text-selected: #3b332c;--link-color: #8b5e34;--border-color: #c8b8a6;--active-color: #6b4f2d}[data-theme=nord]{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #434c5e;--text-color: #eceff4;--text-secondary: #d8dee9;--text-selected: #e5e9f0;--link-color: #88c0d0;--border-color: #4c566a;--active-color: #81a1c1}[data-theme=neon-void]{--bg-primary: #0b0614;--bg-secondary: #140a22;--bg-tertiary: #1c1033;--text-color: #f4eaff;--text-secondary: #b7a6d9;--text-selected: #e0ccff;--link-color: #d26bff;--border-color: #3a235c;--active-color: #ff6ad5}[data-theme=synthwave]{--bg-primary: #120916;--bg-secondary: #1b0f24;--bg-tertiary: #261237;--text-color: #ffe9f7;--text-secondary: #ffb3da;--text-selected: #ffd1eb;--link-color: #00f0ff;--border-color: #4a1c66;--active-color: #ff4fd8}[data-theme=acid-matrix]{--bg-primary: #050a07;--bg-secondary: #0b120e;--bg-tertiary: #111a15;--text-color: #d8ffe4;--text-secondary: #7bffb1;--text-selected: #aaffcc;--link-color: #00ff88;--border-color: #1c3f2f;--active-color: #39ff9c}[data-theme=inferno]{--bg-primary: #140606;--bg-secondary: #1f0b0b;--bg-tertiary: #2b1010;--text-color: #fff0e8;--text-secondary: #ffb09a;--text-selected: #ffd3c2;--link-color: #ff6b3d;--border-color: #4d1f1a;--active-color: #ff3b00}[data-theme=hologram]{--bg-primary: #07131a;--bg-secondary: #0c1e29;--bg-tertiary: #132c3b;--text-color: #e8fbff;--text-secondary: #a7e8f5;--text-selected: #d1f6ff;--link-color: #5df2ff;--border-color: #2b5566;--active-color: #9af4ff}[data-theme=high-contrast]{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--text-color: #000000;--text-secondary: #00aa00;--text-selected: #aa00aa;--link-color: #0000ff;--border-color: #000000;--active-color: #aa0000}[data-theme=high-contrast-dark]{--bg-primary: #000000;--bg-secondary: #000607;--bg-tertiary: #060700;--text-color: #ffffff;--text-secondary: #c7c7c7;--text-selected: #eaeaea;--link-color: #00d1ff;--border-color: #ffffff;--active-color: #d6e2ff}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-color);line-height:1.6}.nav-right img{border:1px solid var(--border-color);border-radius:1rem;margin-top:.75rem}.content{scrollbar-width:none}.content::-webkit-scrollbar{width:0}.content::-webkit-scrollbar-thumb{transition:background-color .2s ease}.content.show-scrollbar{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}.content.show-scrollbar::-webkit-scrollbar{width:.75rem}.content.show-scrollbar::-webkit-scrollbar-track{background-color:var(--bg-secondary);border-left:.0625rem solid var(--border-color)}.content.show-scrollbar::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:.5rem;border:.1875rem solid var(--bg-secondary)}.content.show-scrollbar::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--bg-tertiary) 80%,var(--text-color) 20%)}info{color:var(--text-secondary);font-size:90%;font-weight:200;font-style:italic;text-align:right;padding-left:.15rem}.card .section{margin-bottom:1rem}.card .section-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0}.card .section:hover .section-content{max-height:500px;padding:.5rem 0}.card .section .section-content p{border-right:1px solid var(--border-color);padding-right:.25rem}h1{font-size:2rem;font-weight:20}h2{font-size:1.5rem;font-weight:300;cursor:pointer;margin:.25rem 0}h4{font-size:1.0625rem;font-weight:300;cursor:pointer;margin:.25rem 0;font-style:oblique;color:var(--text-selected);border-top:1px solid var(--border-color);margin-right:60%}p{margin:auto;padding-left:6rem;padding-right:6rem;text-align:right;font-weight:300}.nav-right *{margin-left:0;padding-left:0}.nav-right p{text-align:left}.nav-left{text-align:right}.nav-left ul,.nav-right ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.nav-right ul{align-items:flex-start}.nav-left li,.nav-right li{width:10rem;background-color:var(--bg-tertiary);text-align:center;border:.0625rem solid var(--border-color);border-radius:.5rem;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.nav-left a,.nav-right a{display:block;padding:.5rem .75rem;color:var(--text-color);text-decoration:none}.nav-left li:hover,.nav-right li:hover{transform:scale(1.05);background-color:color-mix(in srgb,var(--bg-tertiary) 85%,var(--link-color) 15%)}.nav-left li.active,.nav-right li.active{background-color:color-mix(in srgb,var(--bg-tertiary) 70%,var(--active-color) 30%);border-color:var(--active-color);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--active-color) 40%,transparent)}.nav-left li.active a,.nav-right li.active a{color:var(--active-color);font-weight:600}.nav-left li.active:hover,.nav-right li.active:hover{transform:scale(1.03)}.nav-left li:focus-within,.nav-right li:focus-within{outline:.125rem solid var(--link-color);outline-offset:.125rem}h3{font-size:1.125rem;font-weight:300;cursor:pointer;margin:.25rem 0}.card .section:hover h3{color:var(--text-selected)}header{background-color:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);padding:1rem 2rem}header h1{margin:0;font-size:1.5rem}.site-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);padding:1rem 2rem}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{margin:0;font-size:1.5rem;color:var(--text-color)}header img.logo{height:2.5rem;width:auto;border:1px solid var(--border-color);border-radius:.5rem}.theme-switcher select{background-color:var(--bg-tertiary);color:var(--text-color);border:.0625rem solid var(--border-color);border-radius:.375rem;padding:.4rem .6rem;font-size:.875rem;cursor:pointer}.theme-switcher select:hover{background-color:color-mix(in srgb,var(--bg-tertiary) 90%,var(--link-color) 10%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{background-color:var(--bg-secondary);border-top:.0625rem solid var(--border-color);padding:1rem 2rem;font-size:.875rem;text-align:center;font-weight:100;color:var(--text-secondary)}.layout{display:grid;grid-template-columns:24rem 1fr 24rem;height:calc(100vh - 8rem)}.nav-left,.nav-right{background-color:var(--bg-secondary);padding:1rem}.nav-left{border-right:.0625rem solid var(--border-color)}.nav-right{border-left:.0625rem solid var(--border-color)}.content{background-color:var(--bg-primary);padding:2rem;overflow-y:auto}.content .card{background-color:var(--bg-tertiary);border:.0625rem solid var(--border-color);border-radius:.375rem;padding:1rem;margin-bottom:1rem}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--text-selected)}.header-logo-link{display:flex;align-items:center}.header-logo{height:3em;width:3em}header{background-color:var(--bg-secondary);border-bottom:.0625rem solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}header img.logo{height:2.5rem;width:auto}header h1{margin:0;font-size:1.5rem;color:var(--text-color)}@media(max-width:56rem){.layout{grid-template-columns:1fr;height:auto}.nav-left,.nav-right{display:none}.content{overflow-y:visible;padding:1.5rem}}
