*,*:before,*:after{box-sizing:border-box}body{background-color:var(--backing);@media screen and (max-width:52em){background-color: var(--background);}}@media screen and (min-width:52em){body::after{content:"end";display:block;visibility:hidden;height:1rem}}body{visibility:visible !important;display:grid;height:100vh;margin:0;padding:1rem;@media screen and (max-width:52em){padding: 0;}font-family:ui-sans-serif,system-ui,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;font-size:1rem;tab-size:4;scroll-behavior:smooth;place-items:center;@media screen and (max-width:52em){align-items: start;}}.container{width:75%;max-width:44rem;border-radius:.5rem;padding:1rem;background-color:var(--background);@media screen and (max-width:52em){width: 100%; max-width: unset; border-radius: 0; padding-top: 0.25rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}}.header{display:flex;gap:.5rem;margin-bottom:.5rem;justify-content:space-between;@media screen and (max-width:52em){padding: 0.5rem 0 0 0;}img { display: inline-block; width: 6rem; border-radius: 1rem; @media screen and (max-width: 33em) { width: 4rem; } } hgroup, h2 { display: inline-block; } hgroup { margin-bottom: min(1vw, 1rem); } .title { font-weight: 700; font-size: 4rem; @media screen and (max-width: 33em) { font-size: 3rem; } } .subtitle { font-size: 1.0rem; margin-top: -0.75rem; text-align: right; text-transform: lowercase; } .links { display: inline-block; text-transform: lowercase; text-align: right; li { margin-top: 0.1rem; } @media screen and (max-width: 52em) and (min-width: 40em) { margin-right: 0.5rem; } @media screen and (max-width: 40em) { display: flex; justify-content: space-between; text-align: unset; padding-inline: clamp(0.5rem, 5vw, 2rem); } } @media screen and (max-width: 40em) { display: block; } a { display: inline; color: #000; }}h1,h2,h3,h4,h5,h6,p,span,small{margin:0;padding:0;border:0;line-height:1;font-size:1rem;vertical-align:baseline}h1{font-weight:700;font-size:2rem;line-height:1.25;margin-bottom:.5rem}h2{font-weight:600;font-size:1.5rem;line-height:1.25}h3{font-weight:600;font-size:1.25rem;line-height:1.25}h4{font-weight:600;font-size:1.125rem;line-height:1.25}h5{font-weight:500;font-size:1.125rem;line-height:1.25}h6{font-size:1.125rem;line-height:1.25}p,span,li{font-size:1rem}small{font-size:.9rem}p,span{line-height:1.25}ul,ol{padding:0;margin:0;list-style:none}footer{display:grid;place-items:center;padding-top:1rem;padding-bottom:.5rem}a{text-decoration:none;color:oklch(40.8% .2 241.966)}.flex-spacer{display:inline;visibility:hidden;flex-grow:1}main{border-bottom:1px dashed var(--text);border-top:1px dashed var(--text);padding-block:.5rem;@media screen and (max-width:52em){height: 100%;}}main:empty{display:none}img[src="https://avatars.githubusercontent.com/u/28928887?size=16"]{image-rendering:pixelated}.a11y-text{position:absolute;left:.25rem;top:.25rem;opacity:0;padding:.25rem;background-color:var(--background);color:var(--text)}.a11y-text:focus{opacity:1}.text-content{text-wrap:pretty;p, span { line-height: 1.4; } h2 { font-size: 1.875rem; line-height: calc(2.25 / 1.875); margin-top: 1.5rem; margin-bottom: 0.75rem; } h3 { margin-top: 1.2rem; margin-bottom: -0.3rem; } p { margin-block: 0.75rem; font-size: 1rem; } ul { padding-left: 1rem; list-style-type: disc; list-style-position: outside; } ul li { padding-block: 0.125rem; } > code, > * code:not(.highlight *) { border-radius: 0.25rem; padding-inline: 0.2rem; background-color: oklch(90% 0.006 264.531); } a[href] { text-decoration-line: underline; color: oklch(58.8% 0.158 241.966); } a[href]:hover { text-decoration-line: underline; color: oklch(68.5% 0.169 237.323); text-decoration-color: oklch(68.5% 0.169 237.323); }}.highlight{> pre { overflow-x: scroll; border-radius: 0.375rem; padding-block: 0.25rem; > code > span { padding-left: 0.5rem; } }}.post-heading{margin-bottom:1rem;h1 { margin-bottom: 0; } .subtitle { margin: 0; font-size: 1.125rem; }}