.formatted-article-content,.formatted-content{line-height:1.8;font-size:1.1rem}.formatted-article-content pre{background:linear-gradient(145deg,#1a1a1a,#0d1117)!important;border:1px solid #30363d!important;border-radius:12px!important;padding:1.5rem!important;margin:1.5rem 0!important;overflow-x:auto!important;position:relative!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)!important}.formatted-article-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f8,#00d4aa);border-radius:12px 12px 0 0}.formatted-article-content code{font-family:JetBrains Mono,Courier New,monospace!important;font-size:.9rem!important;line-height:1.6!important}.formatted-article-content h1,.formatted-article-content h2,.formatted-article-content h3{margin-top:2rem!important;margin-bottom:1rem!important}.formatted-article-content p{margin-bottom:1.5rem!important;line-height:1.8!important}.formatted-article-content ul{margin:1.5rem 0!important;padding-left:1.5rem!important}.formatted-article-content li{margin-bottom:.5rem!important;line-height:1.6!important}.formatted-article-content blockquote{margin:2rem 0!important;font-style:italic!important}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.article-card{height:400px!important}.article-card,.article-card-content{display:flex!important;flex-direction:column!important}.article-card-content{height:100%!important}.article-card-title{-webkit-line-clamp:2!important;line-clamp:2!important;line-height:1.4!important;height:56px!important;min-height:56px!important;max-height:56px!important}.article-card-description,.article-card-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.article-card-description{-webkit-line-clamp:3!important;line-clamp:3!important;line-height:1.5!important;height:63px!important;min-height:63px!important;max-height:63px!important}.article-card-header{height:24px!important;min-height:24px!important;max-height:24px!important}.article-card-meta{height:16px!important;min-height:16px!important;max-height:16px!important}.article-card-tags{height:50px!important;min-height:50px!important;max-height:50px!important;flex-grow:1!important}.article-card-button{margin-top:auto!important;flex-shrink:0!important}.featured-article{height:450px!important;display:flex!important;flex-direction:column!important}.featured-article-title{-webkit-line-clamp:2!important;line-clamp:2!important;line-height:1.4!important;height:64px!important;min-height:64px!important;max-height:64px!important}.featured-article-description,.featured-article-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.featured-article-description{-webkit-line-clamp:3!important;line-clamp:3!important;line-height:1.5!important;height:72px!important;min-height:72px!important;max-height:72px!important}@media (max-width:768px){.article-card{height:auto!important;min-height:350px!important;padding:1rem!important}.article-card-content{gap:.75rem!important}.article-card-header{flex-wrap:wrap!important;gap:.5rem!important;height:auto!important;min-height:auto!important}.article-card-title{font-size:1rem!important;line-height:1.3!important;height:42px!important;min-height:42px!important;max-height:42px!important}.article-card-description{font-size:.875rem!important;line-height:1.4!important;height:58px!important;min-height:58px!important;max-height:58px!important}.article-card-meta{flex-wrap:wrap!important;gap:.25rem!important;height:auto!important;min-height:auto!important}.article-card-tags{height:auto!important;min-height:40px!important;max-height:60px!important;overflow:hidden!important}.featured-article{height:auto!important;min-height:400px!important;padding:1.5rem!important}.featured-article-title{font-size:1.25rem!important;line-height:1.3!important;height:52px!important;min-height:52px!important;max-height:52px!important}.featured-article-description{font-size:.875rem!important;line-height:1.4!important;height:58px!important;min-height:58px!important;max-height:58px!important}.article-card-button button,.featured-article button{padding:.75rem 1rem!important;font-size:.875rem!important}.article-card-tags span{font-size:.75rem!important;padding:.25rem .5rem!important;max-width:70px!important}}.author-card{transition:all .3s ease}.author-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,255,136,.15)}.related-article{position:relative;overflow:hidden}.related-article:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .5s ease}.related-article:hover:before{left:100%}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f8,#00d4aa);transform-origin:0;z-index:1000;box-shadow:0 2px 4px rgba(0,255,136,.3)}.stats-card{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1)}.stats-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(0,255,136,.3)}.formatted-content h2{color:#0f8;font-size:1.8rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #0f8;padding-bottom:.5rem}.formatted-content h3{color:#fff;font-size:1.4rem;font-weight:700;margin-top:1.5rem;margin-bottom:.8rem}.formatted-content h4{color:#0f8;font-size:1.2rem;font-weight:600;margin-top:1.2rem;margin-bottom:.6rem}.formatted-content p{color:#e5e5e5;margin-bottom:1.2rem;text-align:justify}.formatted-content ol,.formatted-content ul{color:#e5e5e5;margin:1rem 0;padding-left:1.5rem}.formatted-content li{line-height:1.6}.formatted-content li strong{color:#0f8}.code-block{background:linear-gradient(145deg,#1a1a1a,#0d1117);color:#f8f8f2;padding:1.5rem;border-radius:12px;font-family:JetBrains Mono,Courier New,monospace;overflow-x:auto;margin:1.5rem 0;border:1px solid #30363d;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f8,#00d4aa);border-radius:12px 12px 0 0}.code-block code{font-size:.9rem;line-height:1.5;color:#f8f8f2}.code-block .keyword{color:#ff79c6}.code-block .string{color:#f1fa8c}.code-block .comment{color:#6272a4;font-style:italic}.code-block .number{color:#bd93f9}.formatted-content a{color:#0f8;text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all .3s ease;position:relative}.formatted-content a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0f8,#00d4aa);transition:width .3s ease}.formatted-content a:hover{color:#00d4aa}.formatted-content a:hover:before{width:100%}.formatted-content blockquote{border-left:4px solid #0f8;background:rgba(0,255,136,.05);border-radius:0 8px 8px 0;color:#d1d5db}.formatted-content table{margin:1.5rem 0;background:hsla(0,0%,100%,.02);border-radius:8px}.formatted-content th{background:rgba(0,255,136,.1);color:#0f8}@media (max-width:768px){.formatted-content{font-size:1rem}.formatted-content h2{font-size:1.5rem}.formatted-content h3{font-size:1.3rem}.code-block{padding:1rem;font-size:.85rem}.formatted-article-content{margin:0!important;padding:0!important}.formatted-article-content pre{margin:1rem 0!important;padding:1rem!important;border-radius:8px!important}.formatted-article-content h1,.formatted-article-content h2,.formatted-article-content h3{margin-top:1.5rem!important;margin-bottom:.75rem!important;padding-left:.5rem!important}.formatted-article-content p{margin-bottom:1rem!important}.formatted-article-content blockquote{margin:1rem 0!important;padding:.75rem 1rem!important}.formatted-article-content ol,.formatted-article-content ul{margin:1rem 0!important;padding-left:1rem!important}.formatted-content table{font-size:.8rem}.formatted-content td,.formatted-content th{padding:.5rem}}.formatted-content ::selection{background:rgba(0,255,136,.2);color:#fff}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#00d4aa}.formatted-content{color:hsla(0,0%,100%,.9);line-height:1.7}.formatted-content h1,.formatted-content h2,.formatted-content h3,.formatted-content h4,.formatted-content h5,.formatted-content h6{color:#fff;font-weight:700;margin-top:2rem;margin-bottom:1rem}.formatted-content h1{font-size:2.5rem;border-bottom:2px solid #0f9;padding-bottom:.5rem}.formatted-content h2{font-size:2rem;border-bottom:1px solid rgba(0,255,153,.3);padding-bottom:.3rem}.formatted-content h3{font-size:1.5rem}.formatted-content p{margin-bottom:1.5rem;color:hsla(0,0%,100%,.9)}.formatted-content strong{color:#0f9;font-weight:600}.formatted-content em{color:hsla(0,0%,100%,.95);font-style:italic}.formatted-content code{background-color:rgba(31,41,55,.8);color:#0f9;padding:.2rem .4rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;border:1px solid rgba(75,85,99,.5)}.formatted-content pre{border-radius:.5rem;margin:1.5rem 0}.formatted-content .code-block-container{margin:2rem 0;width:100%;max-width:100%;overflow:visible}.formatted-content .code-header{background-color:#1f2937;color:#9ca3af;padding:.5rem 1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-left:4px solid #0f9;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.formatted-content pre{background-color:#111827;border-radius:0 0 .5rem .5rem;overflow-x:auto;margin:0;border-left:4px solid #0f9;max-width:100%;white-space:pre;padding:1rem;min-height:auto;height:auto}.formatted-content pre code{background:none;color:#10b981;padding:0;border:none;font-size:.875rem;line-height:1.6;white-space:pre;word-wrap:normal;overflow-wrap:normal;display:block;width:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.formatted-content blockquote{border-left:4px solid #0f9;background-color:hsla(0,0%,100%,.05);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 .5rem .5rem 0;font-style:italic;color:hsla(0,0%,100%,.9)}.formatted-content blockquote p{margin:0}.formatted-content ol,.formatted-content ul{margin:1.5rem 0;padding-left:0}.formatted-content ul{list-style:none}.formatted-content ol{list-style:none;counter-reset:item}.formatted-content li{margin-bottom:.5rem;color:hsla(0,0%,100%,.9);display:block;padding-left:1.5rem}.formatted-content li p{margin:0;display:inline}.formatted-content ul li:before{content:"▸ ";color:#0f9;font-weight:700;display:inline-block;width:1.5rem;margin-left:-1.5rem}.formatted-content ol li{counter-increment:item}.formatted-content ol li:before{content:counter(item) ". ";color:#0f9;font-weight:700;display:inline-block;width:1.7rem;margin-left:-1.7rem}.formatted-content ol li{padding-left:1.7rem}.formatted-content table{width:100%;border-collapse:collapse;margin:2rem 0;background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden}.formatted-content td,.formatted-content th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.1)}.formatted-content th{background-color:rgba(0,255,153,.1);color:#0f9;font-weight:600;border-bottom:2px solid rgba(0,255,153,.3)}.formatted-content td{color:hsla(0,0%,100%,.9)}.formatted-content tr:hover{background-color:hsla(0,0%,100%,.02)}.formatted-content a{color:#0f9;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .2s ease}.formatted-content a:hover{color:rgba(0,255,153,.8)}.formatted-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#0f9,transparent);margin:3rem 0}@media (max-width:768px){.formatted-content h1{font-size:2rem}.formatted-content h2{font-size:1.75rem}.formatted-content h3{font-size:1.25rem}.formatted-content table{font-size:.875rem}.formatted-content td,.formatted-content th{padding:.5rem}}.formatted-content .language-javascript code,.formatted-content .language-js code{color:gold}.formatted-content .language-css code{color:#ff6b9d}.formatted-content .language-html code{color:#ff8c42}.formatted-content .language-python code{color:#4fc3f7}.formatted-content .language-bash code,.formatted-content .language-shell code{color:#90ee90}.formatted-content{scroll-behavior:smooth}.formatted-content figure img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}