:root{--bg:#faf7f0;--card:#fff;--t:#1a1510;--t2:#5c4f3a;--ac:#7c3aed;--bd:#e5e0d5}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--t);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}
header{border-bottom:1px solid var(--bd);padding:16px 24px}
nav{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--t)}
.nav-links{display:flex;gap:20px}
.nav-links a{text-decoration:none;color:var(--t2);font-size:.9rem;transition:color .2s}
.nav-links a:hover{color:var(--ac)}
main{max-width:800px;margin:0 auto;padding:40px 24px}
h1{margin-bottom:20px}
article{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:20px;margin-bottom:16px}
article h3 a{text-decoration:none;color:var(--t)}
article h3 a:hover{color:var(--ac)}
article time{font-size:.8rem;color:var(--t2)}
.post h1{font-size:1.8rem;margin-bottom:8px}
.post time{display:block;color:var(--t2);margin-bottom:16px}
.post .content{margin-top:20px}
.post .content h2{margin-top:24px;margin-bottom:8px}
.post .content ul{margin-left:20px;margin-bottom:12px}
.post .content a{color:var(--ac)}
.tags{margin:8px 0}
.tag{background:rgba(124,58,237,.1);color:var(--ac);padding:3px 10px;border-radius:99px;font-size:.75rem;margin-right:6px}