main.post{--hl:rgba(var(--gray), .09);--pad:30px;width:100%;max-width:100%;margin:0;padding:0 0 40px}:root[data-theme=dark] main.post{--hl:rgba(var(--gray), .17)}.post .col{width:100%;max-width:680px;margin:0 auto;position:relative}.post .col:before,.post .col:after{content:"";border-left:1px solid var(--hl);border-right:1px solid var(--hl);pointer-events:none;position:absolute;top:0;bottom:0}.post .col:before{left:0;right:0}.post .col:after{left:-20px;right:-20px}.post .hero-image{padding:20px var(--pad) 0}.post .hero-image img{border-radius:8px;width:100%;height:auto;display:block}.post .title{padding:28px var(--pad) 20px;text-align:left;position:relative}.post .title:after{content:"";background:var(--hl);width:100vw;height:1px;margin-left:-50vw;position:absolute;bottom:0;left:50%}.post .date{color:rgb(var(--gray));margin:0 0 8px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5}.post .last-updated-on{margin-top:2px;font-style:normal}.post .title h1{letter-spacing:-.02em;color:rgb(var(--black));margin:0;font-size:clamp(24px,18px + 1.2vw,32px);line-height:1.15}.post .prose{padding:18px var(--pad) 40px;color:rgb(var(--gray-dark));font-size:14px!important;line-height:25px!important}.post .prose p,.post .prose li,.post .prose td,.post .prose th,.post .prose blockquote{font-size:14px!important;line-height:25px!important}.post .prose p{margin:0 0 20px}.post .prose ul,.post .prose ol{margin:0 0 20px;padding-left:24px}.post .prose li{margin-bottom:6px}.post .prose li>ul,.post .prose li>ol{margin:6px 0 0}.post .prose ol li::marker{color:rgb(var(--gray))}.post .prose h2{letter-spacing:-.02em;color:rgb(var(--black));margin:36px 0 14px;padding:3px 0;font-weight:500;position:relative;font-size:clamp(20px,16px + .8vw,26px)!important;line-height:1.1!important}.post .prose h2:before,.post .prose h2:after{content:"";background:var(--hl);width:100vw;height:1px;margin-left:-50vw;position:absolute;left:50%}.post .prose h2:before{top:0}.post .prose h2:after{bottom:0}.post .prose>h2:first-child{margin-top:0}.post .prose>h2:first-child:before{display:none}.post .prose h3{letter-spacing:-.01em;color:rgb(var(--black));margin:26px 0 8px;font-weight:500;font-size:17px!important;line-height:1.3!important}.post .prose h4{color:rgb(var(--black));margin:20px 0 6px;font-size:16px!important;line-height:1.4!important}.post .prose :not(pre)>code{background:rgba(var(--gray), .12);border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.88em!important}.post .prose pre{border-radius:8px;margin:0 0 20px;padding:12px 14px;overflow-x:auto;font-size:12.5px!important;line-height:1.5!important}.post .prose pre code{background:0 0;padding:0;font-size:inherit!important}.post .prose blockquote{border-left:2px solid rgba(var(--gray), .35);color:rgb(var(--gray));margin:0 0 20px;padding-left:16px}.post .prose img{border-radius:8px;max-width:100%;height:auto}.post .prose hr{border:0;border-top:1px solid var(--hl);margin:24px 0}.post .prose table{max-width:100%;display:block;overflow-x:auto}@media (width<=780px){.post .col:after{display:none}}@media (width<=720px){main.post{--pad:20px}.post .col:before{display:none}.post .title{padding-top:20px}.post .prose{padding-top:16px}.post .prose p,.post .prose li,.post .prose blockquote{line-height:26px!important}.post .prose p{margin-bottom:18px}.post .prose h2{margin:28px 0 12px;font-size:24px!important}}body,button,input,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.post{--pad:30px}@media (width>=721px){.post .col{max-width:770px!important}.post .prose,.post .prose p,.post .prose li,.post .prose td,.post .prose th,.post .prose blockquote{letter-spacing:-.031em;font-weight:500;font-size:14px!important;line-height:22.4px!important}.post .title h1{letter-spacing:-.035em;font-size:30px;font-weight:500;line-height:36px}.post .prose h2{letter-spacing:-.035em;margin:48px 0 12px;font-weight:500;font-size:24px!important;line-height:1.2!important}.post .prose h3{letter-spacing:-.025em;font-weight:500}.post .prose pre,.post .prose code{letter-spacing:0;font-weight:400}}.post .prose table{border-collapse:collapse;width:max-content;max-width:100%;margin:0 0 20px;display:block;overflow-x:auto}.post .prose th,.post .prose td{border:1px solid rgba(var(--gray), .3);text-align:left;white-space:nowrap;padding:8px 14px}.post .prose th{background:rgba(var(--gray), .08);font-weight:600}
