*{margin:0;padding:0;box-sizing:border-box}html{font-family:Atkinson Hyperlegible Mono,Courier New,monospace;font-size:16px;line-height:1.65}body{background:#fafaf8;min-height:100vh;color:#2a2a2a}.navbar{background:#fafaf8;border-bottom:1px solid #d4d4d4;position:fixed;top:0;width:100%;z-index:1000;padding:1rem 0}.nav-container{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo{font-size:1rem;font-weight:600;color:#2a2a2a;text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.nav-profile-image{display:none}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.nav-toggle span{width:24px;height:2px;background:#2a2a2a;transition:all .3s ease;border-radius:2px}.nav-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-menu{display:flex;gap:2rem}.nav-link{color:#6a6a6a;text-decoration:none;font-weight:400;font-size:.9rem;transition:color .2s ease}.nav-link:hover{color:#2a2a2a}main{margin-top:60px;min-height:calc(100vh - 60px);padding:3rem 0}.blog-post{max-width:700px;margin:0 auto;background:#fafaf8;padding:0 2rem}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e4e4e4}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.post-meta time{color:#6a6a6a;font-size:.85rem;font-weight:500}.post-title{font-size:2rem;font-weight:600;color:#2a2a2a;line-height:1.3;margin-bottom:1rem;letter-spacing:-.02em}.post-description{font-size:.95rem;color:#6a6a6a;line-height:1.7}.post-content{font-size:.95rem;line-height:1.75;color:#2a2a2a}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:2.5rem;margin-bottom:1rem;font-weight:600;color:#2a2a2a;line-height:1.3;letter-spacing:-.01em}.post-content h1{font-size:1.75rem;border-bottom:1px solid #e4e4e4;padding-bottom:.5rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content p{margin-bottom:1.5rem}.post-content a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid #2a2a2a;transition:all .2s ease}.post-content a:hover{border-bottom-color:#6a6a6a;color:#6a6a6a}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:2rem}.post-content li{margin-bottom:.75rem;line-height:1.7}.post-content li ul,.post-content li ol{margin-top:.75rem;margin-bottom:0}.post-content code{background:#f0f0f0;color:#2a2a2a;padding:.2rem .5rem;font-family:Atkinson Hyperlegible Mono,Courier New,monospace;font-size:.9em;font-weight:500}.post-content pre{background:#2a2a2a;color:#fafaf8;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem;border:1px solid #4a4a4a}.post-content pre code{background:transparent;color:inherit;padding:0;font-size:.9rem;line-height:1.6}.post-content blockquote{border-left:3px solid #2a2a2a;padding-left:1.5rem;margin:1.5rem 0;color:#4a4a4a;font-style:italic}.post-content img{max-width:100%;height:auto;margin:2rem 0;border:1px solid #e4e4e4}.post-content strong{font-weight:600;color:#2a2a2a}.post-content em{font-style:italic}.post-content hr{border:none;border-top:1px solid #e4e4e4;margin:3rem 0}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-profile-image{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #2a2a2a}.nav-toggle{display:flex}.nav-menu{position:fixed;top:60px;right:-100%;width:70%;max-width:300px;height:calc(100vh - 60px);background:#fafaf8;border-left:1px solid #d4d4d4;flex-direction:column;gap:0;padding:2rem 0;transition:right .3s ease;box-shadow:-2px 0 8px #0000000d}.nav-menu.active{right:0}.nav-link{font-size:1rem;padding:1rem 2rem;border-bottom:1px solid #e4e4e4}.nav-link:hover{background:#f0f0f0}main{padding:2rem 0}.blog-post{padding:0 1rem}.post-title{font-size:1.75rem}.post-description,.post-content{font-size:.9rem}.post-content h1{font-size:1.5rem}.post-content h2{font-size:1.25rem}.post-content h3{font-size:1.1rem}.post-content pre{padding:1rem;font-size:.85rem}}