.subpage-section{padding:8rem 0 6rem}.article-grid-layout{grid-template-columns:1fr;align-items:start;gap:2rem;margin:0 auto;padding:0 1.5rem;display:grid;max-width:1400px!important}@media (width>=1024px){.article-grid-layout{grid-template-columns:280px 1fr 280px}}.sidebar-latest-posts{flex-direction:column;gap:1rem;display:flex;position:sticky;top:6rem}.sidebar-title{font-family:var(--font-heading);color:var(--text-primary);border-left:3px solid var(--primary);margin-bottom:.5rem;padding-left:.75rem;font-size:1.25rem;font-weight:600}.sidebar-posts-list{flex-direction:column;gap:.75rem;display:flex}.sidebar-post-item{transition:var(--transition-fast);border-radius:var(--border-radius-md);flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.sidebar-post-item:hover{border-color:var(--primary);transform:translateY(-2px)}.sidebar-post-item.active{border-color:var(--primary);background:#06b6d414}.sidebar-post-date{color:var(--text-muted);font-size:.75rem}.sidebar-post-title{color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4}.main-article-content{min-width:0}.back-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:var(--transition-fast);background:#ffffff05;margin-bottom:2rem;padding:.6rem 1.2rem;font-size:.95rem;text-decoration:none;display:inline-block}.back-btn:hover{border-color:var(--primary);background:#ffffff0d}.article-container{border-radius:var(--border-radius-lg);padding:0;overflow:hidden}.article-hero{border-bottom:1px solid var(--border-color);background:#0c1020;width:100%;height:350px;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:100%}.article-body{padding:3rem 2.5rem}@media (width<=768px){.article-body{padding:2rem 1.5rem}}.article-header{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:1.5rem}.article-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.skill-tag{border-radius:var(--border-radius-sm);color:var(--primary);background:#06b6d414;border:1px solid #06b6d426;padding:.2rem .6rem;font-size:.75rem}.article-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.25}@media (width<=768px){.article-title{font-size:2rem}}.article-meta{color:var(--text-muted);align-items:center;gap:1rem;font-size:.9rem;display:flex}.sidebar-widgets{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:6rem}.widget-card{border-radius:var(--border-radius-md);padding:1.5rem}.widget-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.widget-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.widget-btn{text-align:center;width:100%;display:inline-block}.ad-placeholder{border:1px dashed var(--border-color);flex-direction:column;justify-content:center;align-items:center;height:250px;display:flex;background:#ffffff03!important}.ad-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem}.ad-text{color:var(--text-muted);text-align:center;padding:0 1rem;font-size:.85rem;line-height:1.4}@media (width<=1024px){.sidebar-widgets{display:none}.article-grid-layout{grid-template-columns:280px 1fr}}@media (width<=768px){.article-grid-layout{grid-template-columns:1fr}.main-article-content{order:1}.sidebar-latest-posts{order:2;margin-top:2.5rem;margin-bottom:1.5rem;position:static}}.markdown-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.markdown-content p{margin-bottom:1.5rem}.markdown-content h2{font-family:var(--font-heading);color:var(--text-primary);margin:2.5rem 0 1rem;font-size:1.75rem;font-weight:600}.markdown-content h3{font-family:var(--font-heading);color:var(--text-primary);margin:2rem 0 1rem;font-size:1.4rem;font-weight:600}.markdown-content pre{border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:1.5rem 0;padding:1.5rem;overflow-x:auto;background:#090d16!important}.markdown-content code{color:var(--primary);background:#ffffff0a;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.markdown-content pre code{color:#f3f4f6;background:0 0;padding:0}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:4px solid var(--primary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;background:#06b6d40a;margin:1.5rem 0;padding:1rem 1.5rem}.markdown-content img{border-radius:var(--border-radius-md);border:1px solid var(--border-color);max-width:100%;margin:2rem 0}