*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@font-face{font-family:inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter.woff2)format('woff2')}:root{--color-text:#1a1a1a;--color-text-secondary:#555;--color-text-tertiary:#888;--color-bg:#fcfcfc;--color-border:#bbb;--color-accent:#1a1a1a;--color-link:#1a1a1a;--color-link-hover:#c0392b;--font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;--content-width:680px}html{font-family:var(--font-body);font-size:17px;font-weight:400;background-color:var(--color-bg);color:var(--color-text);-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-height:100vh}.container{max-width:var(--content-width);margin:0 auto;padding:0 1.5rem;width:100%}.content-wrap{flex:1;display:flex;flex-direction:column}body>header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);padding:1.5rem 0 1rem;text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:.5rem;transition:padding .3s ease}body>header a,body>header a:link,body>header a:visited{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:var(--color-text);display:inline-flex;align-items:center;gap:.5rem}body>header a:hover{color:var(--color-link-hover)}body>header img{height:32px;border-radius:50%}body>header .container{display:flex;align-items:center;justify-content:center}body>header .header-who,body>header .header-who:link,body>header .header-who:visited{margin-left:.75rem;font-size:.9rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--color-border);text-decoration-thickness:1px;text-underline-offset:.2em}body>header .header-title{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;max-width:0;transform:translateY(-8px)}body>header.scrolled .container{justify-content:space-between}body>header.scrolled{padding:.75rem 0}body>header.scrolled .header-title{opacity:1;flex:1;text-align:center;max-width:none;transition:opacity .3s ease,transform .3s ease;transform:translateY(0)}body>header.scrolled .header-who{order:3}footer{margin-top:auto;text-align:center;padding:2rem 1.5rem 3rem;border-top:1px solid var(--color-border);font-family:var(--font-sans);font-size:.8rem;color:var(--color-text-tertiary)}a,a:link,a:visited{color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-border);text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-skip-ink:auto;font-weight:500;transition:color .15s ease,text-decoration-color .15s ease}a:active,a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}nav.post-list{padding:0 1.5rem}nav.post-list .item{padding:1.25rem 0}nav.post-list .item::after{content:'';display:block;width:60%;border-bottom:1px solid var(--color-border);margin:1.25rem auto 0}nav.post-list .item:last-child::after{display:none}nav.post-list .item .title{font-size:1.25rem;font-weight:400;line-height:1.4;margin-bottom:.25rem}nav.post-list .item .title a{text-decoration:none}nav.post-list .item:hover .title a{text-decoration:underline;text-decoration-color:var(--color-link-hover)}nav.post-list .item .excerpt{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0}nav.post-list .item time{font-family:var(--font-sans);font-size:.8rem;color:var(--color-text-tertiary);letter-spacing:.01em}nav.post-list .item .meta{margin-bottom:.35rem}nav.post-list .item .read-more{font-family:var(--font-sans);font-size:.8rem;white-space:nowrap}article{padding-bottom:2rem}article h1 a,article h1 a:link,article h1 a:visited{text-decoration:none;color:inherit;font-weight:inherit}article h1 a:hover{color:var(--color-link-hover)}article h1{font-size:2.2rem;font-weight:600;line-height:1.2;text-align:center;text-wrap:balance;margin-top:1rem;margin-bottom:.5rem;letter-spacing:-.01em}article time{display:block;text-align:center;font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-secondary);margin-bottom:2.5rem}article h2{font-size:1.5rem;font-weight:600;line-height:1.3;text-wrap:balance;margin-top:2.5rem;margin-bottom:.75rem}article h3{font-size:1.25rem;font-weight:600;line-height:1.3;text-wrap:balance;margin-top:2rem;margin-bottom:.5rem}article h4,article h5,article h6{font-size:1.1rem;font-weight:600;text-wrap:balance;margin-top:1.5rem;margin-bottom:.5rem}article .anchor,article .anchor:link,article .anchor:visited,article .anchor:hover{visibility:hidden;color:var(--color-text-tertiary)!important;text-decoration:none}article h1:hover .anchor,article h2:hover .anchor,article h3:hover .anchor,article h4:hover .anchor,article h5:hover .anchor,article h6:hover .anchor{visibility:visible}hr{border:none;border-top:1px solid var(--color-border);max-width:5rem;margin:1.25rem auto}article p:first-of-type{margin-top:0}article p{line-height:1.8;margin-bottom:1.25rem;text-wrap:pretty}article p:has(img){padding:0}article ol,article ul{line-height:1.8;margin-bottom:1.25rem;padding-left:2rem}article li{margin-bottom:.25rem}article .left{float:left;margin:.25rem 1.5rem 1rem 0}article .right{float:right;margin:.25rem 0 1rem 1.5rem}article .center{display:block;margin:1.5rem auto}article blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1.5rem;border-left:3px solid var(--color-border);color:var(--color-text-secondary);font-style:italic}article blockquote p{padding:0;margin-bottom:.75rem}article blockquote p:last-child{margin-bottom:0}article iframe{display:block;width:100%;aspect-ratio:16/9;margin-bottom:1.5rem;border:none}article pre{background:#f5f5f5;border-radius:4px;padding:1.25rem;margin-bottom:1.25rem;overflow-x:auto;font-size:.85rem;line-height:1.6}article code{font-size:.9em;background:#f5f5f5;padding:.15em .35em;border-radius:3px}article pre code{background:0 0;padding:0;border-radius:0;font-size:inherit}nav.post-nav{display:flex;justify-content:space-between;gap:2rem;padding-top:1.5rem;margin-top:1rem;margin-bottom:2rem;font-family:var(--font-sans);font-size:.85rem}nav.post-nav .nav-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}nav.post-nav .nav-next{text-align:right;margin-left:auto}.not-found{text-align:center;padding:4rem 0}.not-found h3{font-size:1.5rem;margin-bottom:.75rem}.not-found p{color:var(--color-text-secondary);margin-bottom:1rem}.not-found .actions{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.mobile-break{display:none}@media(max-width:600px){.mobile-break{display:inline}html{font-size:17px}article h1{font-size:1.75rem}nav.post-nav{flex-direction:column;gap:1rem}nav.post-nav .nav-next{text-align:left}body>header.scrolled .header-title{font-size:.8rem}}