:root{--bg:#f0f0ed;--panel:#e8e6e0;--panel2:#dedcd5;--panel3:#d2d0c8;--border:#c0bdb4;--border2:#aeaba2;--accent:#7a4f1e;--accent2:#3a6b8a;--accent3:#3a6b3a;--red:#8a2a2a;--text:#2a1f14;--text-muted:#7a6a55;--sidebar-w:420px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,sans-serif}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.navbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-logo{color:var(--accent);font-family:Playfair Display,serif;font-size:1.2rem;text-decoration:none}.navbar-logo small{color:var(--text-muted);letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:.58rem;display:block}.navbar-links{gap:28px;list-style:none;display:flex}.navbar-links a{letter-spacing:.06em;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.82rem;text-decoration:none;transition:color .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--accent)}.blog-page{max-width:900px;margin:0 auto;padding:48px 24px}.blog-page h1{color:var(--text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:2rem}.blog-page .subtitle{color:var(--text-muted);letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:.82rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.blog-card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.blog-card:hover{border-color:var(--accent);text-decoration:none;box-shadow:0 4px 16px #503c1e1f}.blog-card-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.blog-card h2{color:var(--text);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.15rem;line-height:1.4}.blog-card p{color:var(--text-muted);font-size:.8rem;line-height:1.7}.blog-card-date{color:var(--text-muted);margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:.68rem}.blog-post{max-width:720px;margin:0 auto;padding:48px 24px 80px}.blog-post-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.blog-post-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.blog-post-header h1{margin-bottom:12px;font-family:Playfair Display,serif;font-size:2.2rem;line-height:1.3}.blog-post-header .meta{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.72rem}.blog-post-body{color:var(--text);font-size:.95rem;line-height:1.85}.blog-post-body h2{color:var(--text);margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.4rem}.blog-post-body h3{color:var(--text);margin:28px 0 10px;font-family:Playfair Display,serif;font-size:1.1rem}.blog-post-body p{margin-bottom:18px}.blog-post-body ul,.blog-post-body ol{margin:0 0 18px 24px}.blog-post-body li{margin-bottom:6px}.blog-post-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:24px 0;padding-left:18px;font-style:italic}.blog-post-body strong{color:var(--text);font-weight:600}.about-page{max-width:760px;margin:0 auto;padding:48px 24px 80px}.about-page h1{margin-bottom:24px;font-family:Playfair Display,serif;font-size:2.2rem}.about-page p{color:var(--text);margin-bottom:18px;font-size:.95rem;line-height:1.85}.about-page h2{margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.4rem}.footer{background:var(--panel);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:24px 32px;font-family:IBM Plex Mono,monospace;font-size:.72rem}