body{background-color:#121110;color:#C5B088;font-family:'Fira Sans', sans-serif;margin:0;padding:0;line-height:1.7}code,pre,kbd,samp{font-family:'Fira Code', monospace;font-variant-ligatures:contextual}a{color:#2C78BF;text-decoration:none;transition:opacity 0.2s ease-in-out, color 0.2s}a:hover{color:#0AAEB3;text-decoration:underline}.wrapper{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid rgba(197,176,136,0.15);padding:30px 0;margin-bottom:50px}.site-header .wrapper{display:flex;justify-content:space-between;align-items:center}.site-header .site-title{font-size:1.8rem;font-weight:700;color:#FBB829}.site-header .site-title:hover{text-decoration:none;opacity:0.8}.site-header .site-nav a{font-size:1.1rem;color:#2C78BF;margin-left:20px}.two-column-layout{display:grid;grid-template-columns:2fr 1fr;gap:60px}@media (max-width: 800px){.two-column-layout{grid-template-columns:1fr}}.sidebar-posts{padding-left:30px;border-left:1px solid rgba(197,176,136,0.15)}.sidebar-posts h2{font-size:1.3rem;color:#FBB829;margin-top:0;border-bottom:1px dashed rgba(197,176,136,0.15);padding-bottom:10px}.sidebar-posts .sidebar-list{list-style:none;padding:0}.sidebar-posts .sidebar-list li{margin-bottom:20px;display:flex;flex-direction:column}.sidebar-posts .sidebar-post-date{font-size:0.85rem;color:rgba(197,176,136,0.6);margin-bottom:2px}.sidebar-posts .empty-state{color:rgba(197,176,136,0.6);font-style:italic;font-size:0.9rem}.project-grid{display:flex;flex-direction:column;gap:20px;margin-top:30px}.project-card{background-color:#1d1b1a;border-radius:8px;padding:25px;border:1px solid rgba(197,176,136,0.15)}.project-card .project-card-title{margin-top:0;margin-bottom:10px;font-size:1.5rem}.project-card .project-card-title a{color:#FBB829}.project-card .project-excerpt{color:#C5B088;margin-bottom:20px}.project-header{margin-bottom:30px}.project-header .project-title{color:#FBB829;margin-bottom:5px}.status-badge{color:#EF2F27;font-size:0.8rem;font-weight:bold;margin-left:10px;text-transform:uppercase;border:1px solid #EF2F27;padding:2px 6px;border-radius:4px}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-tags .tech-tag{background-color:#121110;color:#0AAEB3;padding:4px 10px;border-radius:4px;font-size:0.85rem;border:1px solid rgba(10,174,179,0.2)}.long-form-article{max-width:750px;margin:0 auto;padding-bottom:60px}.long-form-article .article-title{font-size:2.3rem;color:#FBB829;margin-bottom:10px}.long-form-article .article-meta{font-size:0.9rem;color:rgba(197,176,136,0.6);border-bottom:1px solid rgba(197,176,136,0.15);padding-bottom:20px;margin-bottom:40px}.long-form-article .article-content{font-size:1.05rem}.long-form-article .article-content p{margin-bottom:25px}.long-form-article .article-content h2,.long-form-article .article-content h3{color:#FBB829;margin-top:40px;margin-bottom:15px}.simple-article-list{list-style:none;padding:0;margin-top:40px}.simple-article-list .article-list-item{display:flex;align-items:baseline;padding:15px 0;border-bottom:1px dashed rgba(197,176,136,0.15)}@media (max-width: 600px){.simple-article-list .article-list-item{flex-direction:column;gap:5px}}.simple-article-list .article-item-date{width:150px;font-size:0.9rem;color:rgba(197,176,136,0.6);flex-shrink:0}.simple-article-list .article-item-link{font-size:1.2rem;font-weight:700;color:#2C78BF}
