html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}table{border-collapse:collapse;border-spacing:0}:root{--onyx:#393E41;--onyx-variation-1:#282b2d;--ivory:#F6F7EB;--ivory-variation-darker:#c8c7be;--english-violet:#5C415D;--yellow:#FFFC31;--cinnabar:#E94F37;--primary-bg:#f9f9f9;--text-color:#333;--image-caption-text-color:#555;--metadata-color:#555;--heading-color:#111;--code-bg:#eee;--code-text:#333;--table-border:#ccc;--table-header-bg:#ddd;--table-cell-bg:#eee;--header-bg:#ffc73c;--footer-bg:#4596e5;--footer-color:#222}body{background-color:var(--primary-bg);color:var(--text-color);font-family:Roboto,segoe ui,Ubuntu,Arial,sans-serif;font-size:1.115rem;line-height:1.5;font-weight:400;width:100%}header{width:100%;padding-top:1rem;padding-bottom:1rem;background-color:var(--header-bg)}footer{width:100%;padding-top:1rem;padding-bottom:1rem;background-color:var(--footer-bg);color:var(--footer-color)}header .header-content,main .main-content,footer .footer-content{max-width:90%;margin:auto;display:flex;flex-direction:column;gap:1rem}.main-content article{max-width:75ch;box-sizing:border-box}.sidebar{display:none}@media(min-width:480px){body{font-size:1.125rem}}@media(min-width:1024px){header .header-content,main .main-content,footer.footer-content{max-width:1000px;flex-direction:row;justify-content:space-between}.sidebar{display:block;position:sticky;top:100px;width:250px;padding:1rem;font-size:1rem;max-height:calc(100vh - 120px);overflow-y:auto}}@media(min-width:1440px){header .header-content,main .main-content,footer.footer-content{max-width:1200px;flex-direction:row}}p,table,article>ul,article>ol{margin-top:1.5rem;margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{margin-top:2rem;margin-bottom:1rem;color:var(--heading-color)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}ul{line-height:1.7;list-style:square inside;margin-left:4ch}ol{list-style:decimal inside;line-height:1.7;margin-left:4ch}ul>li ul{list-style:circle inside}time{color:var(--metadata-color);margin-bottom:2rem}article>pre{background-color:var(--code-bg);color:var(--code-text);box-sizing:border-box;padding:.75rem;overflow:scroll;box-shadow:0 4px 8px rgba(0,0,0,.1)}p>code,li>code{background-color:var(--code-bg);color:var(--code-text);padding:.2rem .4rem;box-sizing:border-box;font-size:.9rem;font-weight:400;border-radius:.3rem;white-space:nowrap;font-family:courier new,Courier,monospace}table:not(.lntable){width:100%;border-collapse:collapse;margin-top:1rem;font-size:1rem;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}table:not(.lntable) th,table:not(.lntable) td{padding:.75rem;border:1px solid #ccc;text-align:left}table:not(.lntable) th{background-color:var(--table-header-bg);color:#333;font-weight:700}.align-left{text-align:left}.article-toc h2{font-size:1.3rem;margin-bottom:.75rem;font-weight:600;color:#333;border-bottom:1px solid #ddd;padding-bottom:.5rem}#TableOfContents ul{list-style:none;margin-left:0}#TableOfContents ul a{font-size:.9rem;text-decoration:none;line-height:.75}#TableOfContents ul ul{margin-left:2ch}#TableOfContents ul ul a{font-size:.9rem;color:#005bb5}.article-image{width:100%;margin-top:1em;margin-bottom:1em}.article-image img{width:100%;height:auto;margin:auto;display:block}.article-image figcaption{font-size:.8em;font-style:italic;color:var(--image-caption-text-color)}.hex-preview-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}.hex-item{display:flex;flex-direction:column;align-items:center;text-align:center}.hex-square{width:30px;height:30px;border-radius:4px;border:1px solid #ccc}.highlight{margin-top:2em;margin-bottom:2em;overflow:scroll}.chroma{font-family:monospace;background-color:#222;box-sizing:border-box;padding:.5em}.chroma .lnt{color:#777}.chroma .line{color:#ddd}.chroma .s1{color:#eb5556}.chroma .c1{color:#888}.chroma .k{color:#ffc73c;font-weight:bolder}.chroma .o{color:#4596e5}