:root{--body-color:#222;--bg-color:hsl(0, 0%, 85%);--bg-level-1:hsl(0, 0%, 95%);--bg-level-2:hsl(0, 0%, 99%);--highlight1:#0070f3;--highlight2:#ff4081}@media(prefers-color-scheme:dark){:root{--body-color:#eee;--bg-color:#181a1b;--highlight1:#4fc3f7;--highlight2:#ff80ab;--bg-level-1:#303537;--bg-level-2:#424a4d}}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%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6;color:var(--body-color);background:var(--bg-color);font-family:system-ui,sans-serif}h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;color:var(--highlight1)}h2{font-size:2rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--highlight1)}h3{font-size:1.5rem;font-weight:600;margin:1.2rem 0 .8rem;color:var(--highlight2)}h4{font-size:1.2rem;font-weight:600;margin:1rem 0 .6rem;color:var(--highlight2)}h5{font-size:1rem;font-weight:600;margin:.8rem 0 .5rem}h6{font-size:.9rem;font-weight:600;margin:.7rem 0 .4rem}strong,b{font-weight:700}em,i{font-style:italic}ol,ul{list-style:disc inside;margin-left:2rem;margin-bottom:1rem}ul ul,ol ul,ul ol,ol ol{margin-left:1.5rem;margin-bottom:0}li{margin-bottom:.3rem}blockquote,q{quotes:none;color:var(--highlight1);border-left:4px solid var(--highlight2);padding-left:1rem;margin:1rem 0;font-style:italic;background:var(--bg-level-1)}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}