:root{--max-width:800px;--text:#1a1a1a;--muted:#666;--border:#e2e2e2;--bg:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border)}.site-header-inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:20px 24px;display:flex}.site-logo{font-size:1.05rem;font-weight:600}.site-nav{flex-wrap:wrap;gap:20px;display:flex}.site-nav a{color:var(--muted);font-size:.95rem}.site-nav a.active{color:var(--text);font-weight:600}main{min-height:60vh;padding:64px 0}h1{margin:0 0 8px;font-size:2rem}h2{margin:40px 0 12px;font-size:1.3rem}.subtitle{color:var(--muted);margin:0 0 16px;font-size:1.15rem}.lead{max-width:60ch;margin:0 0 32px}.button-row{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.btn{border:1px solid var(--text);border-radius:6px;padding:10px 20px;font-size:.95rem;display:inline-block}.btn-primary{background:var(--text);color:#fff}.btn-secondary{color:var(--text);background:0 0}.social-row{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}.social-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.social-icon:hover{background:#f5f5f5;text-decoration:none}.card{border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:20px}.card-link{color:inherit;transition:border-color .15s;display:block}.card-link:hover{border-color:var(--text);text-decoration:none}.back-link{color:var(--muted);margin-bottom:24px;font-size:.9rem;display:inline-block}.project-image{border-radius:8px;width:100%;height:auto;margin:24px 0;display:block}.project-content p{margin-bottom:16px}.card h3{margin:0 0 6px;font-size:1.05rem}.card .meta{color:var(--muted);margin-bottom:8px;font-size:.85rem}ul.plain{margin:0 0 16px;padding-left:20px}.site-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:24px 0;font-size:.85rem}