:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:hsl(25 15% 15%);background:hsl(35 30% 98%);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:hsl(25 75% 35%);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid hsl(25 90% 50%);outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem max(1.5rem,calc((100% - 1100px)/2));background:hsl(35 25% 99%);border-bottom:1px solid hsl(35 20% 88%)}nav{display:flex;flex-wrap:wrap;gap:1.2rem}nav a{text-decoration:none}.logo{width:190px;height:auto;display:block}main{max-width:780px;margin:0 auto;padding:4rem 1.5rem 6rem;min-height:65vh}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.03em;color:hsl(25 15% 15%);margin:.6rem 0 1.25rem;overflow-wrap:anywhere}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.2rem;line-height:1.4}.eyebrow,time{font-size:.875rem;color:hsl(25 10% 45%)}.eyebrow{font-weight:600}.lead{font-size:1.2rem;color:hsl(25 10% 40%);margin-bottom:2.5rem}.posts{list-style:none;padding:0;margin:3rem 0}.posts li{padding:2rem 0;border-top:1px solid hsl(35 20% 88%)}.posts h2{margin:.5rem 0}.posts p{margin-bottom:0}.prose{font-size:1.075rem;overflow-wrap:anywhere}.prose h2,.prose h3{margin-top:2.5rem}.prose img,.cover{max-width:100%;height:auto;border-radius:.5rem}.cover{width:100%;margin-bottom:1.5rem}.prose pre{overflow:auto;padding:1rem;background:hsl(35 15% 92%);border-radius:.4rem}.prose blockquote{border-left:3px solid hsl(25 90% 50%);margin-left:0;padding-left:1.25rem;color:hsl(25 10% 40%)}.prose table{display:block;overflow:auto;border-collapse:collapse}.prose th,.prose td{border:1px solid hsl(35 20% 88%);padding:.5rem}.back{display:inline-block;margin-bottom:2rem}.empty{padding:2rem 0;border-top:1px solid hsl(35 20% 88%)}footer{border-top:1px solid hsl(35 20% 88%);font-size:.875rem}.skip{position:absolute;left:1rem;top:-10rem;background:hsl(35 25% 99%);padding:.5rem}.skip:focus{top:1rem}@media(max-width:560px){header,footer{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}main{padding-top:2.5rem}.logo{width:165px}nav{gap:1rem}}

.brand{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:hsl(25 15% 15%)}.brand svg{color:hsl(25 90% 50%)}header>a{text-decoration:none}