:root{--bg-subtle:light-dark(#f3f2f1, #3c3b3a);--text-big:light-dark(#3d3d3d, #ccc);--text-blue:light-dark(#0277ab, #4aa9e0);--text-subtle:light-dark(#5d5d5d, #919191);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:min(100%,69ch)}header{display:flex;gap:2rem;justify-content:space-between;align-items:baseline;.logo { font-size: 1.5rem; font-weight: 600; color: var(--text-big); text-decoration: none; font-style: italic; } nav a { padding: 0.25em 0.5em; font-size: 1.125rem; color: var(--text); }}@media(max-width:500px){header{flex-direction:column}header nav a{display:block}}footer{font-size:.75rem;color:var(--text-subtle)}a{color:var(--text-blue);text-decoration:none;&:hover { text-decoration:underline; }}h1,h2,h3,h4,h5,h6{margin:2rem 0 1rem;color:var(--text-big);position:relative}i{color:var(--text-subtle)}:not(pre)>code{background-color:var(--bg-subtle);border-radius:.125rem;padding:.125em .25em}code,pre{font-family:cascadia mono,monospace}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:2rem 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)}