@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400&display=swap";.article-header{margin-bottom:2rem}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.article-date{font-family:Dogica Pixel,monospace;font-size:.5rem;color:var(--text-muted)}.article-tags{display:flex;gap:.3rem}.article-tags span{font-size:.45rem;background:var(--bg-secondary);padding:.2rem .4rem;border:1px solid var(--text-muted)}.article-title{font-size:1rem;line-height:1.4;margin-bottom:.5rem;background:#fff;display:inline-block}.article-subtitle{font-size:.6rem;color:var(--text-muted);font-style:italic}.article-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-top:1px dashed var(--text-muted);border-bottom:1px dashed var(--text-muted);margin-bottom:2rem}.reading-time{font-size:.5rem;color:var(--text-muted)}.share-links{display:flex;gap:.5rem;font-size:.5rem}.share-links a{padding:.2rem .4rem;border:1px solid #000;text-decoration:none;background:#fff}.share-links a:hover{background:#b0d4e8}.article-content{font-family:Lora,Georgia,serif;font-size:1rem;line-height:1.9;color:var(--text-primary)}.article-content p{margin-bottom:1.5rem}.article-content h2{font-family:Lora,Georgia,serif;font-size:1.4rem;font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #000;display:inline-block}.article-content h3{font-family:Lora,Georgia,serif;font-size:1.15rem;font-weight:600;margin:2rem 0 1rem}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{font-family:Lora,Georgia,serif;border-left:3px solid #000;padding-left:1rem;margin:1.5rem 0;color:var(--text-muted);font-style:italic;font-size:1.1rem}.article-content code{font-family:Dogica Pixel,monospace;background:var(--bg-secondary);padding:.15rem .4rem;border:1px solid var(--text-muted);font-size:.85rem}.article-content pre{background:#1a1a1a;color:#f0f0f0;padding:1.25rem;overflow-x:auto;margin:1.5rem 0;border:2px solid #000;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6}.article-content pre code{background:transparent;border:none;color:inherit;padding:0;font-family:inherit;font-size:inherit}.article-content img{max-width:100%;border:2px solid #000;margin:1.5rem 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-family:Dogica Pixel,monospace;font-size:.5rem}.article-content th,.article-content td{border:1px solid #000;padding:.6rem .8rem;text-align:left}.article-content th{background:#000;color:#fff;font-weight:400}.article-content tbody tr:nth-child(2n){background:var(--bg-secondary)}.article-content tbody tr:hover{background:#b0d4e8}@media(max-width:600px){.article-content table{font-size:.45rem}.article-content th,.article-content td{padding:.4rem .5rem}.article-content pre{font-size:.75rem;padding:.75rem}}.author-box{display:flex;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:2px solid #000;margin:2rem 0}.author-avatar{width:60px;height:60px;border:2px solid #000;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.author-info{flex:1}.author-name{font-size:.65rem;margin-bottom:.3rem}.author-bio{font-size:.5rem;color:var(--text-muted);line-height:1.6}.back-to-top{text-align:center;margin:2rem 0}.back-to-top a{display:inline-block;padding:.5rem 1rem;border:2px solid #000;text-decoration:none;background:#fff;font-size:.5rem}.back-to-top a:hover{background:#b0d4e8}.toc-container{display:flex;gap:2rem;margin-bottom:2rem;align-items:flex-start}.toc{flex:1}.toc-image{flex:1;max-width:300px}.toc-image img{width:100%;height:auto;border:2px solid #000}@media(max-width:768px){.toc-container{flex-direction:column}.toc-image{max-width:100%}}.toc-title{font-family:Dogica Pixel,monospace;font-size:.6rem;margin-bottom:.75rem;display:block;width:100%}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:.4rem}.toc-list a,.toc-list a.clickable{font-family:Dogica Pixel,monospace;font-size:.5rem;text-decoration:none;color:var(--text-primary);background:none;border:none;padding:0;display:inline}.toc-list li:before{content:">> ";color:var(--text-muted);font-family:Dogica Pixel,monospace;font-size:.5rem}.toc-list a:hover{text-decoration:underline}@media(max-width:600px){.toc{margin-bottom:1.5rem}.toc-title{font-size:.55rem}.toc-list a{font-size:.45rem}}@media(max-width:600px){.author-box{flex-direction:column;text-align:center}.author-avatar{margin:0 auto}}
