:root{--color-primary:#363377;--color-primary-dim:#575594;--color-primary-light:#817FB2;--color-primary-dark:#1C1A59;--color-primary-deep:#0A093B;--font-body:"Droid Serif", Georgia, serif;--font-mono:"Fira Code", "Cascadia Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background:#fff;color:#222;font-family:var(--font-body);line-height:1.6}a{text-decoration:none;color:var(--color-primary)}a:visited{color:var(--color-primary-dim)}a:hover{text-decoration:underline}code{font-family:var(--font-mono)}#main{max-width:560px;margin-left:300px;padding:40px 20px 60px}#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{font-weight:400;color:var(--color-primary-dark)}#main h1{font-size:2.5rem;margin-bottom:.4em}#main h2{font-size:1.25rem;margin:1.6em 0 .4em}#main p{margin:1em 0;font-size:.9375rem}#main ul,#main ol{margin:1em 0;padding-left:1.5em}#main li{font-size:.9375rem;margin-bottom:.3em}#main ul li{list-style-type:square}#sidebar{position:fixed;top:40px;left:20px;width:200px;padding:20px 20px 0 0;border-right:9px solid var(--color-primary-dim);text-align:right}#sidebar h2{text-transform:uppercase;font-size:.8125rem;font-weight:400;color:var(--color-primary-deep);letter-spacing:1px;line-height:1.4}#sidebar ul{list-style-type:none;margin:20px 0}#sidebar li{font-size:.875rem;line-height:1.6}@media(max-width:700px){#sidebar{position:relative;top:0;left:0;width:auto;border-right:none;border-bottom:2px solid var(--color-primary-dim);text-align:left;padding:16px 20px}#sidebar h2{display:none}#sidebar ul{display:flex;gap:16px;margin:0}#main{margin-left:0;max-width:none;padding:20px}}