:root{--t1: rgb(30, 30, 30);--t2: rgb(75, 75, 75);--c1: hsl(177, 100%, 28%);--c2: hsl(283, 81%, 43%);--c2t: hsla(283, 81%, 43%, 0.15)}body,html{margin:0;padding:0}body{padding-inline:.9rem;font-family:sans-serif}main{max-width:70ch;margin-inline:auto}footer{padding-block:1rem}h1{font-size:2.4em}h2{font-size:1.8em;font-weight:300}h3{font-size:1.35em}p{line-height:1.4}header{margin-block:3rem}header>*{margin-block:.8rem}header>h2#subtitle{color:var(--t2)}header>p#date{font-size:1.2em;font-weight:600;color:var(--c1)}header span#read-time,header span#word-count{margin-block:.5rem}header span#read-time>span.value,header span#word-count>span.value{color:var(--c2);font-weight:600}blockquote{border-inline-start:3px solid var(--c1);border-radius:5px;padding-inline:.6rem;margin-inline:.4rem}blockquote>p{color:var(--t2)}nav a{color:var(--t1);text-decoration-line:underline;text-decoration-color:rgba(0,0,0,0);text-underline-offset:.2rem;transition:text-decoration-color .3s}nav a:hover{text-decoration-color:var(--c1)}pre{overflow-x:auto;padding:.8rem;border:1px solid rgba(0,0,0,.15);border-radius:6px;color:var(--t2) !important}pre[data-linenos] tr>td:first-child{padding-right:.6rem}p>code{white-space:nowrap;border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:2px}details{margin-block:1rem}details>summary{cursor:pointer;border-left:1rem solid rgba(0,0,0,0)}details>summary::before{content:"";margin-inline:.1rem}details[open]{border-left:.2rem solid var(--c1);padding-left:.8rem}details[open]>summary{border-left:none}table{border-collapse:separate;border-spacing:0;border:1px solid silver;border-radius:6px}table th,table tr:not(:last-child)>td{border-bottom:1px solid silver}table tr>*{padding:.5rem}audio{width:100%}img,svg{display:block;max-width:100%;margin-inline:auto}img,video{border-radius:6px}svg,img[src$=".svg"]{border:none}span.last-word,span.first-word{color:var(--c1)}span.last-word>span.undo,span.first-word>span.undo{color:var(--t1)}#sources+ul{color:var(--t2);font-style:italic;word-wrap:break-word}strong{font-weight:600}.error{color:#f66}.color1{color:var(--c1)}.color2{color:var(--c2)}::marker{color:var(--c1)}::selection{background-color:var(--c1);color:#fff}pre ::selection,details ::selection{background-color:var(--c2)}code::selection,#date::selection,#read-time>span::selection,#word-count>span::selection{background-color:var(--c2)}