.reading-progress-bar{background:var(--grad-primary);z-index:250;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.blog-post-container{padding:calc(var(--nav-height) + 40px) 0 80px 0;@media (width<=768px){padding:calc(var(--nav-height) + 24px) 0 60px 0}}.back-link{color:var(--color-text-muted);transition:var(--transition-color);align-items:center;gap:8px;margin-bottom:30px;font-size:.95rem;font-weight:600;display:inline-flex;&:hover{color:var(--color-primary);& .arrow{transform:translate(-4px)}}}.back-link .arrow{transition:var(--transition-transform)}.post-header{max-width:800px;margin-bottom:40px}.category-badge{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f133;border-radius:50px;margin-bottom:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.post-header h1{color:var(--color-text-white);margin-bottom:24px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.15}.post-meta{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.author-info{align-items:center;gap:16px;display:flex}.author-avatar{background:var(--grad-primary);width:48px;height:48px;color:var(--color-text-white);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.author-details{flex-direction:column;display:flex}.author-name{color:var(--color-text-white);font-size:.95rem;font-weight:600}.author-role{color:var(--color-text-muted);font-size:.8rem}.date-read{color:var(--color-text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.post-cover{border-radius:var(--radius-md);border:1px solid var(--border-color);height:380px;margin-bottom:50px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0006;@media (width<=1024px){height:280px;margin-bottom:36px}@media (width<=768px){border-radius:var(--radius-sm);height:200px;margin-bottom:28px}}.cover-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.cover-overlay{z-index:1;background:linear-gradient(#0000,#07080d80);position:absolute;inset:0}.post-layout-grid{grid-template-columns:1fr 340px;align-items:start;gap:40px;display:grid;@media (width<=1200px){grid-template-columns:1fr 300px}@media (width<=1024px){grid-template-columns:1fr;gap:32px}}.post-content{min-width:0;padding:50px;@media (width<=768px){padding:24px 20px}@media (width<=480px){padding:20px 16px}}.content-body{color:var(--color-text-main);font-size:1.1rem;line-height:1.8;& p{margin-bottom:24px}& .lead{color:var(--color-text-white);margin-bottom:30px;font-size:1.25rem;font-weight:500;line-height:1.7}& h2{color:var(--color-text-white);margin-top:40px;margin-bottom:20px;font-size:1.75rem;line-height:1.3}& h3{color:var(--color-text-white);margin-top:30px;margin-bottom:16px;font-size:1.35rem}& blockquote{border-left:4px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-white);background:#ffffff05;margin:35px 0;padding:20px 30px;font-style:italic;& p{margin-bottom:0}}& ul{flex-direction:column;gap:12px;margin-bottom:30px;padding-left:20px;display:flex}& li{color:var(--color-text-main);font-size:1.05rem;list-style-type:square}& pre{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0006;max-width:100%;margin:30px 0;padding:20px;font-family:monospace;overflow-x:auto}& code{color:var(--color-accent);background:#ffffff08;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.95em}& pre code{color:#e5e7eb;background:0 0;padding:0;font-size:.9em}& strong{color:var(--color-text-white);font-weight:700}}.post-sidebar{flex-direction:column;gap:30px;min-width:0;display:flex;@media (width>=1025px){top:calc(var(--nav-height) + 30px);position:sticky}}.sidebar-widget{padding:30px;@media (width<=480px){padding:24px 16px}& h3{color:var(--color-text-white);margin-bottom:16px;font-size:1.2rem}& p{color:var(--color-text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.6}}.service-btn{width:100%;padding:12px}.newsletter-form{flex-direction:column;gap:12px;display:flex;& input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--color-text-white);background:#ffffff08;padding:12px 16px;font-size:.95rem;&:focus{border-color:var(--color-primary)}}& .submit-btn{width:100%;padding:12px}}.share-links{grid-template-columns:1fr 1fr;gap:12px;display:grid}.share-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;justify-content:center;align-items:center;padding:10px;font-size:.875rem;font-weight:600;display:inline-flex;&:hover{color:var(--color-text-white);transform:translateY(-2px)}&.twitter:hover{background:#1da1f21a;border-color:#1da1f2}&.linkedin:hover{background:#0077b51a;border-color:#0077b5}}