:root{--bg-subtle:light-dark(#f3f2f1, #3c3b3a);--text-blue:light-dark(#0277ab, #4aa9e0);line-height:1.65;text-decoration-thickness:from-font}:focus-visible{outline:solid .125rem var(--text-blue);outline-offset:.125rem;border-radius:.0625rem}body{margin:auto;padding:2rem;max-width:800px}header{nav { margin: 0.5rem auto; display: flex; gap: 2ch; align-items: baseline; flex-wrap: wrap; }}footer{font-size:.75rem}a{color:var(--text-blue);&:hover { text-decoration:none; }}h1,h2,h3,h4,h5,h6{margin:2rem auto -.5rem;position:relative}:not(pre)>code{background-color:var(--bg-subtle);border-radius:.125rem;padding:.125em .25em}pre{line-height:1.25em;padding:1em;overflow:auto;background-color:var(--bg-subtle);border-radius:4px}blockquote{margin-left:0;padding-left:1rem;border-left:.25rem solid var(--bg-subtle)}hr{margin:1rem 0;height:.0625rem;background:var(--bg-subtle);border:none}ul{padding-left:1.5rem}details{padding:0 1rem;margin:1rem 0;border:.0625rem solid var(--bg-subtle);border-radius:4px}summary{margin:.5rem 0;cursor:pointer;font-weight:500}.table{overflow-x:auto;margin-bottom:.5rem;padding-bottom:.5rem}table{border-collapse:collapse;width:100%;th { text-align: left; } &, th, td { border: 0.0625rem solid var(--bg-subtle); white-space: nowrap; padding: 0.125rem 0.5rem; }}img{width:100%;height:auto;border-radius:4px;border:.0625rem solid var(--bg-subtle)}