:root{color-scheme:dark light;--bg:hsl(312, 25%, 96%);--bg2:hsl(312, 100%, 90%);--txt:hsl(312, 25%, 20%);--txt2:hsl(312, 75%, 20%);--deco:hsl(312, 50%, 40%)}@media(prefers-color-scheme:dark){:root{--bg:hsl(312, 25%, 10%);--bg2:hsl(312, 50%, 20%);--txt:hsl(312, 25%, 98%);--txt2:hsl(312, 75%, 90%);--deco:hsl(312, 50%, 60%)}}::selection{background:var(--txt2);color:var(--bg)}*,*::before,*::after{box-sizing:border-box}*{scrollbar-color:var(--txt2)var(--bg);scrollbar-width:thin}html{background:var(--bg);color:var(--txt);line-height:1.6;font-size:clamp(1rem,.9063rem + .4688vw,1.1875rem)}body{display:flex;flex-direction:column;gap:3rem;margin:auto;padding:1rem;min-height:100vh;max-width:75ch;overflow-wrap:break-word}header,footer,time,.tags{font-size:.85rem}footer{margin-block-start:auto}a{color:var(--txt2);text-decoration-thickness:.1em;text-underline-offset:.1em;text-decoration-color:var(--deco)}a[aria-current=page]{text-decoration:none}p{margin:0;margin-block-start:1rem}h1,h2,h3,h4{color:var(--txt2);line-height:1.2;margin-block:2rem;text-wrap:balance}h1{font-size:2rem;font-weight:500;margin-block-start:0;margin-block-end:1rem}h2{font-size:1.6rem;font-weight:600}h3{font-size:1.3rem}h4{font-size:1rem;font-weight:800}li{margin-block:.5rem}dt{font-weight:700;margin-block-start:1rem}dd{margin-inline-start:1rem}dt+dt{margin-block-start:0}code:not(pre code){background:var(--bg2);font-size:.875em;padding-inline:.1rem}pre{background:var(--txt);color:var(--bg);font-size:.875rem;margin-block-end:2rem;overflow-x:auto;padding:.5rem 1rem}hr{border:0;border-block-start:.15rem solid var(--deco);margin-block:2rem}blockquote{border-inline-start:.2rem solid var(--deco);margin:0;padding-inline-start:1rem}nav ul{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0}nav li{margin:0;list-style-type:none}img{max-width:100%;height:auto;margin-block:2rem}aside{border:.15rem solid var(--deco);font-size:.85rem;margin-block:2rem;padding:.5rem 1rem}aside.warning{background:#ffe5e5;border:.3rem solid red;color:#600;font-size:1rem}ul.tags{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.tags li a{color:inherit;text-decoration:none;border:1px solid;border-radius:.2rem;padding:.1rem .2rem}