.scroll-progress-container{position:fixed;top:80px;left:0;width:100%;height:3px;background:transparent;z-index:999}.scroll-progress-bar{width:0%;height:100%;background:var(--primary)}.article-container{max-width:800px;margin:3rem auto 8rem;padding:0 1.5rem;position:relative;z-index:10}.back-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:var(--transition-smooth);margin-bottom:2.5rem}.back-link:hover{color:var(--primary);transform:translate(-4px)}.article-header{border-bottom:1px solid var(--border-color);padding-bottom:2.5rem;margin-bottom:3rem}.header-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.category-badge{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;background:#00000008;border:1px solid rgba(0,0,0,.08);padding:.25rem .75rem;border-radius:9999px}.reading-time{font-size:.8rem;color:var(--text-muted)}.article-title{font-family:var(--font-display);font-size:3.25rem;font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--text-primary)}.article-summary{font-size:1.2rem;color:var(--text-secondary);line-height:1.65;margin-bottom:2rem;font-weight:400;font-family:var(--font-serif);border-left:2px solid var(--border-color);padding-left:1.25rem}.article-author-card{display:flex;align-items:center;gap:.85rem}.author-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary);color:var(--bg-base);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.author-details{display:flex;flex-direction:column;gap:.15rem}.author-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.pub-date{font-size:.8rem;color:var(--text-muted)}.markdown-content{font-size:1.125rem;line-height:1.75;color:var(--text-secondary);font-family:var(--font-serif)}.markdown-content p{margin-bottom:1.75rem}.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content h3{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:2.5rem 0 1rem;letter-spacing:-.01em}.markdown-content ul,.markdown-content ol{margin-bottom:1.75rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{position:relative;background:var(--bg-surface);border-left:4px solid var(--accent);border-top:1px solid var(--accent-border);border-right:1px solid var(--accent-border);border-bottom:1px solid var(--accent-border);padding:1.25rem 1.5rem;margin:2rem 0;border-radius:0 8px 8px 0;color:var(--text-primary)}.markdown-content blockquote p{margin:0;font-style:normal;color:var(--text-primary);font-weight:500}.markdown-content blockquote p+p{margin-top:.75rem}.markdown-content blockquote>p:first-child:has(strong){font-size:0;line-height:0;margin-bottom:0}.markdown-content blockquote>p:first-child strong{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-style:normal;padding:.2rem .6rem;border-radius:4px;background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);line-height:1.4;margin-bottom:.5rem}.markdown-content blockquote:not(:has(>p:first-child strong)){border-left-color:var(--border-color-active)}.markdown-content table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;margin:1.5rem 0 2rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.markdown-content thead{background:var(--bg-surface-2)}.markdown-content th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);padding:.85rem 1rem;text-align:left;white-space:nowrap;border-bottom:2px solid var(--border-color)}.markdown-content td{padding:.75rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:top}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content tbody tr:hover{background:var(--bg-surface-hover)}@media(max-width:640px){.markdown-content table{display:block;overflow-x:auto;white-space:nowrap;font-size:.8rem;-webkit-overflow-scrolling:touch}.markdown-content th,.markdown-content td{padding:.6rem .7rem;min-width:120px}}.markdown-content hr{border:none;border-top:1px solid var(--border-color);margin:3rem 0}.markdown-content pre{border:1px solid var(--border-color);padding:1.25rem;border-radius:8px;margin-bottom:1.75rem;overflow-x:auto;font-family:monospace;font-size:.9rem}.markdown-content code{font-family:monospace;background:var(--bg-surface);border:1px solid var(--border-color);padding:.15rem .35rem;border-radius:4px;font-size:.9em;color:var(--primary)}.markdown-content pre code{background:transparent;border:none;padding:0;font-size:inherit;color:inherit}.article-footer{margin-top:4rem;border-top:1px solid var(--border-color);padding-top:2rem}.tags-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}.tags-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.tags-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag-pill{font-size:.8rem;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);padding:.25rem .75rem;border-radius:6px}.share-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;text-align:center}.share-box h3{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.share-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.75rem}.share-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.share-btn{text-decoration:none;font-size:.9rem;font-weight:600;padding:.65rem 1.5rem;border-radius:9999px;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center}.share-btn.btn-primary{background:var(--primary);color:var(--bg-base)}.share-btn.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px #2c6e4933}.share-btn.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.share-btn.btn-secondary:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}@media(max-width:640px){.article-title{font-size:2.25rem}.article-summary{font-size:1.05rem}.share-actions{flex-direction:column}.share-btn{width:100%;justify-content:center}}