:root{--fg: #14171a;--muted: #6b7280;--border: #e6e8eb;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-soft: #eff4ff;--card-bg: #fff;--max-w: 720px;--max-w-wide: 1120px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--fg);margin:0;line-height:1.6;background:#fbfbfc}header{border-bottom:1px solid var(--border);padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10;gap:1rem;flex-wrap:wrap}.brand{color:var(--fg);text-decoration:none;font-weight:700;font-size:1.05rem}.site-nav{display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0}.site-nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}.site-nav a:hover{color:var(--accent)}.site-nav .admin-link{font-size:.78rem;color:#b3b8c2}main{max-width:var(--max-w);margin:0 auto;padding:2.5rem 1.5rem 4rem}main.wide{max-width:var(--max-w-wide)}.intro{margin-bottom:2rem}.intro h1{font-size:2.1rem;margin:0 0 .5rem}.intro p{color:var(--muted);margin:0;font-size:1.05rem;max-width:62ch}h1{font-size:1.9rem}#search-input{width:100%;padding:.7rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:10px;margin:0 0 1.75rem;box-sizing:border-box;background:#fff}#search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.no-results{color:var(--muted)}.tag-pills{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 2.25rem}.tag-pills a{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--border);color:var(--fg);padding:.35rem .85rem;border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.tag-pills a:hover{border-color:var(--accent);color:var(--accent)}.tag-pills a.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag-pills .count{color:var(--muted);font-size:.78em}.tag-pills a.active .count{color:#dbe6ff}.all-tags-link{display:inline-block;margin:-1.4rem 0 2.25rem;color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:500}.all-tags-link:hover{text-decoration:underline}.tag-cloud{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:1.5rem 0}.tag-cloud a{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--border);color:var(--fg);padding:.5rem 1rem;border-radius:999px;text-decoration:none;font-size:.95rem;font-weight:500}.tag-cloud a:hover{border-color:var(--accent);color:var(--accent)}.tag-cloud .count{background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600;padding:.05rem .5rem;border-radius:999px}.page-intro{color:var(--muted);margin:-.5rem 0 1.75rem}.post-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;padding:0;margin:0 0 1rem}@media (max-width: 900px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.post-grid{grid-template-columns:1fr}}.post-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #14171a14}.card-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}.card-media{aspect-ratio:16 / 10;background:#eef0f3;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#c3c8d1}.card-body{padding:1.1rem 1.2rem .5rem;flex:1;display:flex;flex-direction:column}.card-date{color:var(--muted);font-size:.76rem;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.03em}.card-title{font-size:1.05rem;margin:0 0 .5rem;line-height:1.35}.card-excerpt{color:#4b5563;font-size:.88rem;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.2rem 1.15rem;margin:.7rem 0 0}.card-tags a{background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;text-decoration:none}.card-tags a:hover{background:var(--accent);color:#fff}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2.25rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.page-nav{color:var(--fg);text-decoration:none;font-weight:600;font-size:.9rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px}.page-nav:hover{border-color:var(--accent);color:var(--accent)}.page-nav.disabled{color:#c3c8d1;pointer-events:none}.page-status{color:var(--muted);font-size:.85rem}article{overflow-wrap:break-word}article .featured-image{width:100%;max-height:420px;object-fit:cover;border-radius:8px;margin:1rem 0;display:block}article img{max-width:100%;height:auto;display:block;margin:1.25rem auto;border-radius:6px}article iframe,article video,article embed,article object{max-width:100%}article table{display:block;max-width:100%;overflow-x:auto}article h1{font-size:1.9rem;margin-bottom:.25rem}article pre{background:#f6f6f6;padding:1rem;overflow-x:auto;border-radius:6px}article code{background:#f2f2f2;padding:.1rem .3rem;border-radius:3px;font-size:.9em}article pre code{background:none;padding:0}.meta{color:var(--muted);font-size:.85rem;margin:0 0 .5rem}.back{display:inline-block;margin-bottom:1.5rem;color:var(--muted);text-decoration:none;font-size:.9rem}.back:hover{text-decoration:underline}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.5rem 0 1.5rem}.tags li a{background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600;padding:.2rem .65rem;border-radius:999px;text-decoration:none}.tags li a:hover{background:var(--accent);color:#fff}.attachments{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.attachments h2{font-size:1.05rem;margin:0 0 .75rem}.attachments ul{list-style:none;padding:0;margin:0}.attachments li{margin-bottom:.5rem}.attachments a{color:var(--fg);text-decoration:none;padding:.4rem .7rem;border:1px solid var(--border);border-radius:6px;display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem}.attachments a:hover{background:#f6f6f6}.attachments a:before{content:"📎"}.contact-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:2.5rem 2rem;margin-top:1.5rem}.contact-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.92rem;border:1px solid var(--border);color:var(--fg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn:not(.primary):hover{border-color:var(--accent);color:var(--accent)}#contact-form{display:flex;flex-direction:column;gap:1.1rem;text-align:left}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-size:.85rem;font-weight:600;color:var(--fg)}.form-field input,.form-field textarea{padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;font:inherit;box-sizing:border-box;width:100%;background:#fff}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.form-field textarea{resize:vertical}#contact-form .btn.primary{align-self:flex-start;border:none;cursor:pointer}#contact-form .btn.primary:disabled{opacity:.6;cursor:not-allowed}.form-status{margin:0;font-size:.9rem;min-height:1.2em}.form-status.success{color:#15803d}.form-status.error{color:#dc2626}.contact-divider{text-align:center;color:var(--muted);font-size:.85rem;margin:1.75rem 0 1.25rem;position:relative}.contact-divider:before,.contact-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.contact-divider:before{left:0}.contact-divider:after{right:0}.contact-linkedin{text-align:center}.hidden-field{display:none!important}footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;margin-top:3rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:.85rem;margin-bottom:.5rem;font-size:.9rem}.footer-links a{color:var(--muted);text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--accent)}.footer-links .sep{color:var(--border)}.copyright{color:#b3b8c2;font-size:.78rem;margin:0}