*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"IBM Plex Serif",Georgia,"Times New Roman",serif;color:#1a1a2e;background:#fafbfc;line-height:1.75;font-size:17px}
a{color:#2563eb;text-decoration:none}a:hover{color:#1d4ed8;text-decoration:underline}
.site-header{background:#0f172a;color:#e2e8f0;padding:1.2rem 0;border-bottom:3px solid #2563eb}
.site-header .container{max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}
.site-header h1{font-size:1.3rem;font-weight:700;letter-spacing:-.5px}
.site-header h1 a{color:#e2e8f0;text-decoration:none}
.site-header h1 span{color:#60a5fa}
.site-nav{list-style:none;display:flex;gap:1.5rem}
.site-nav a{color:#94a3b8;font-size:.9rem;text-decoration:none}
.site-nav a:hover{color:#fff}
main{max-width:960px;margin:2rem auto;padding:0 1.5rem}
.hero{background:#0f172a;color:#e2e8f0;padding:3rem 1.5rem;text-align:center;margin-bottom:2rem}
.hero h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}
.hero p{color:#94a3b8;font-size:1.1rem;max-width:600px;margin:0 auto}
article{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}
article h2{font-size:1.5rem;color:#0f172a;margin-bottom:.5rem;line-height:1.3}
article h2 a{color:#0f172a}article h2 a:hover{color:#2563eb}
.meta{color:#64748b;font-size:.85rem;margin-bottom:1rem}
.meta .tag{background:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:3px;font-size:.75rem;margin-left:4px}
article p{margin-bottom:1rem}
.post-full h1{font-size:1.8rem;color:#0f172a;margin-bottom:.5rem;line-height:1.3}
.post-full .meta{margin-bottom:1.5rem}
.post-full p{margin-bottom:1.2rem;text-align:justify}
blockquote{border-left:3px solid #2563eb;padding-left:1rem;margin:1.5rem 0;color:#475569;font-style:italic}
.sidebar{background:#f1f5f9;padding:1.5rem;border-radius:8px;margin-top:2rem}
.sidebar h3{font-size:1.1rem;color:#0f172a;margin-bottom:.8rem}
.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:.5rem}
.sidebar a{color:#2563eb;font-size:.95rem}
footer{background:#0f172a;color:#94a3b8;padding:2rem 1.5rem;text-align:center;margin-top:3rem;font-size:.85rem}
footer a{color:#60a5fa}
@media(max-width:768px){.site-header .container{flex-direction:column;gap:.8rem}.site-nav{gap:1rem}.hero h2{font-size:1.5rem}article h2{font-size:1.3rem}}