*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;max-width:700px;margin:0 auto;padding:2rem 1rem;color:#222;background:#fff}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid #eee}nav .site-title{font-weight:700;text-decoration:none;color:#222}nav ul{list-style:none;display:flex;gap:1.5rem}nav a{color:#555;text-decoration:none}nav a:hover{color:#222}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.4rem;margin-top:2.5rem;margin-bottom:.5rem}h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem}ul,ol{margin-bottom:1rem;padding-left:1.5rem}a{color:#06c}a:hover{color:#049}section{margin-bottom:3rem}footer{margin-top:4rem;padding-top:1rem;border-top:1px solid #eee;font-size:.9rem;color:#777}footer a{color:#555;text-decoration:none}footer a:hover{color:#222}.post-list{list-style:none;padding:0}.post-list li{margin-bottom:1.5rem}.post-list a{font-size:1.1rem;font-weight:600;text-decoration:none}.post-list time{display:block;font-size:.85rem;color:#888}.post-list .description{font-size:.95rem;color:#555;margin-top:.25rem}article time{display:block;font-size:.9rem;color:#888;margin-bottom:2rem}article img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}pre{background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem;font-size:.9rem}code{font-family:sf mono,Menlo,monospace;font-size:.9em}p code{background:#f5f5f5;padding:.15rem .3rem;border-radius:3px}