:root{--bg: #ffffff;--fg: #1a1a2e;--accent: #0f3460;--muted: #6c757d;--border: #dee2e6;--code-bg: #f4f4f8;--max-width: 740px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--fg);background:var(--bg);line-height:1.7;font-size:17px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}header{border-bottom:1px solid var(--border);padding:1.5rem 0;margin-bottom:2rem}header nav{display:flex;justify-content:space-between;align-items:center}header .site-title{font-size:1.4rem;font-weight:700;color:var(--fg)}header .site-title:hover{text-decoration:none}header .nav-links a{margin-left:1.5rem;color:var(--muted);font-size:.95rem}header .nav-links a:hover{color:var(--fg)}.post-list{list-style:none}.post-list li{margin-bottom:2rem}.post-list .post-date{font-size:.85rem;color:var(--muted);font-family:"SF Mono","Fira Code",monospace}.post-list .post-title{font-size:1.3rem;font-weight:600;display:block;margin-top:.15rem}.post-list .post-summary{color:var(--muted);margin-top:.3rem;font-size:.95rem}article h1{font-size:2rem;margin-bottom:.3rem;line-height:1.2}article .post-meta{color:var(--muted);font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}article h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:.75rem}article h3{font-size:1.2rem;margin-top:2rem;margin-bottom:.5rem}article p{margin-bottom:1.2rem}article ul,article ol{margin-bottom:1.2rem;padding-left:1.5rem}article ul li,article ol li{margin-bottom:.3rem}article img{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--border);margin:1rem 0}article blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1.5rem 0;color:var(--muted);font-style:italic}article code{font-family:"SF Mono","Fira Code",monospace;font-size:.88em;background:var(--code-bg);padding:.15em .35em;border-radius:3px}article pre{background:var(--code-bg);padding:1rem 1.2rem;border-radius:6px;overflow-x:auto;margin-bottom:1.5rem}article pre code{background:none;padding:0;font-size:.85em}article table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}article table th,article table td{padding:.5rem .75rem;border:1px solid var(--border);text-align:left}article table th{background:var(--code-bg);font-weight:600}footer{margin-top:4rem;padding:1.5rem 0;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;text-align:center}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.screenshot-grid figure{margin:0;text-align:center}.screenshot-grid figure img{margin:0;width:100%}.screenshot-grid figure figcaption{font-size:.85rem;color:var(--muted);margin-top:.3rem}