:root{--deep-dive-accent: #64FFDA;--deep-dive-accent-light: rgba(100, 255, 218, .2);--deep-dive-text: #F2EEE9;--deep-dive-bg: #121A2E;--deep-dive-bg-light: rgba(255, 255, 255, .05);--deep-dive-border: rgba(255, 255, 255, .1);--deep-dive-code-bg: rgba(0, 0, 0, .3);--deep-dive-blockquote-bg: rgba(100, 255, 218, .05)}.deep-dive-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:3rem auto;padding:2rem 1.5rem 4rem;position:relative}@media (min-width: 1024px){.deep-dive-container{grid-template-columns:minmax(0,1fr) 280px;padding:3rem 2rem 5rem}}.deep-dive-article{background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0003;border:1px solid var(--deep-dive-border)}.article-header{margin-bottom:2.5rem;text-align:center}.article-meta{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--deep-dive-accent)}.article-series{position:relative;padding-right:1rem}.article-series:after{content:"•";position:absolute;right:0;color:var(--deep-dive-text);opacity:.5}.article-title{font-size:2.5rem;line-height:1.2;margin:.5rem 0;background:linear-gradient(90deg,var(--deep-dive-text) 0%,rgba(242,238,233,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-author{font-size:1rem;color:var(--deep-dive-text);opacity:.8;margin-bottom:1rem}.article-description{font-size:1.2rem;line-height:1.6;color:var(--deep-dive-text);opacity:.9;max-width:700px;margin:1.5rem auto 0}.featured-image-container{margin:0 -2rem 2rem;overflow:hidden;max-height:500px;display:flex;align-items:center;justify-content:center}.featured-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:0;transition:transform .5s ease}.featured-image:hover{transform:scale(1.02)}.article-content{font-size:1.1rem;line-height:1.8;color:var(--deep-dive-text)}.article-content h2{font-size:1.8rem;margin:2.5rem 0 1rem;color:var(--deep-dive-accent);position:relative;padding-bottom:.5rem}.article-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--deep-dive-accent) 0%,rgba(100,255,218,.2) 100%);border-radius:3px}.article-content h3{font-size:1.5rem;margin:2rem 0 1rem;color:var(--deep-dive-text)}.article-content h4{font-size:1.2rem;margin:1.5rem 0 .75rem;color:var(--deep-dive-text);opacity:.9}.article-content p{margin-bottom:1.5rem}.article-content a{color:var(--deep-dive-accent);text-decoration:none;border-bottom:1px dashed rgba(100,255,218,.4);transition:border-color .2s ease,color .2s ease}.article-content a:hover{border-bottom:1px solid var(--deep-dive-accent)}.article-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}.article-content figcaption{text-align:center;font-size:.9rem;color:var(--deep-dive-text);opacity:.9;margin-top:.5rem}.article-content pre{background-color:var(--deep-dive-code-bg);border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;border-left:3px solid var(--deep-dive-accent)}.article-content code{font-family:IBM Plex Mono,monospace;font-size:.9rem;background-color:var(--deep-dive-code-bg);padding:.2rem .4rem;border-radius:4px}.article-content pre code{padding:0;background-color:transparent}.article-content blockquote{background-color:var(--deep-dive-blockquote-bg);border-left:4px solid var(--deep-dive-accent);padding:1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic}.article-content blockquote p:last-child{margin-bottom:0}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--deep-dive-border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#64ffda1a;color:var(--deep-dive-accent);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;transition:background-color .2s ease}.tag:hover{background-color:#64ffda33}.article-share{display:flex;align-items:center;gap:.75rem}.share-label{font-size:.9rem;color:var(--deep-dive-text);opacity:.7}.share-link{color:var(--deep-dive-text);opacity:.7;transition:color .2s ease,opacity .2s ease}.share-link:hover{color:var(--deep-dive-accent);opacity:1}.related-articles{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--deep-dive-border)}.related-articles h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--deep-dive-text)}.related-articles-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.related-articles-grid{grid-template-columns:repeat(2,1fr)}}.related-article{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:8px;padding:1.25rem;text-decoration:none;color:var(--deep-dive-text);border:1px solid var(--deep-dive-border);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:.75rem}.related-article:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.related-article-image{height:100px;overflow:hidden;border-radius:6px;background-color:#0003;display:flex;align-items:center;justify-content:center}.related-article-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.image-placeholder{background-color:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;height:100%}.default-article-image{width:100%;height:100%;object-fit:cover;border-radius:8px;opacity:.8;transition:opacity .3s ease;max-height:100px}.coming-soon-image{filter:grayscale(80%)}.related-article:hover .default-article-image{opacity:1}.related-icon{width:32px;height:32px;color:var(--deep-dive-accent);opacity:.7}.related-article h4{font-size:1rem;margin:0;line-height:1.4}.related-date{font-size:.8rem;color:var(--deep-dive-text);opacity:.6}.related-article.coming-soon{opacity:.7;pointer-events:none;cursor:default}.author-bios{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--deep-dive-border)}.author-bios h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--deep-dive-text)}.authors-grid{display:grid;grid-template-columns:1fr;gap:2rem}.author-card{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:12px;padding:1.5rem;border:1px solid var(--deep-dive-border);animation:fadeUp .6s ease-out forwards;opacity:0}.author-card:nth-child(1){animation-delay:.1s}.author-card:nth-child(2){animation-delay:.2s}.author-card:nth-child(3){animation-delay:.3s}.author-card:nth-child(4){animation-delay:.4s}@media (min-width: 640px){.author-card{flex-direction:row;align-items:flex-start}}.author-image{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--deep-dive-accent-light)}.author-image img{width:100%;height:100%;object-fit:cover}.author-info{flex-grow:1}.author-name{font-size:1.2rem;margin:0 0 .5rem;color:var(--deep-dive-text)}.author-linkedin{display:inline-flex;align-items:center;gap:.5rem;color:var(--deep-dive-accent);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:opacity .2s ease}.author-linkedin:hover{opacity:.8}.author-bio{font-size:.95rem;line-height:1.6;color:var(--deep-dive-text);opacity:.9;margin:0}.toc-sidebar{display:none;position:sticky;top:100px;height:fit-content}@media (min-width: 1024px){.toc-sidebar{display:block}}.toc-container{background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0003;border:1px solid var(--deep-dive-border);margin-bottom:1.5rem}.toc-container h3{font-size:1.2rem;margin:0 0 1rem;color:var(--deep-dive-accent);position:relative;padding-bottom:.5rem}.toc-container h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--deep-dive-accent) 0%,rgba(100,255,218,.2) 100%);border-radius:2px}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:.75rem}.toc-h2{margin-left:0}.toc-h3{margin-left:1rem;font-size:.9rem}.toc-h4{margin-left:2rem;font-size:.85rem}.toc-link{color:var(--deep-dive-text);opacity:.8;text-decoration:none;transition:color .2s ease,opacity .2s ease;display:block;border-left:2px solid transparent;padding:.25rem 0 .25rem .5rem}.toc-link:hover{color:var(--deep-dive-accent);opacity:1}.toc-link.active{color:var(--deep-dive-accent);opacity:1;border-left:2px solid var(--deep-dive-accent)}.toc-placeholder,.toc-empty{color:var(--deep-dive-text);opacity:.6;font-size:.9rem;font-style:italic}.progress-container{width:100%;height:4px;background-color:#ffffff0d;border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--deep-dive-accent) 0%,rgba(100,255,218,.6) 100%);transition:width .1s ease}@media (max-width: 768px){.article-title{font-size:2rem}.article-content{font-size:1rem}.article-content h2{font-size:1.6rem}.article-content h3{font-size:1.3rem}.featured-image-container{margin:0 -1rem 1.5rem}.deep-dive-article{padding:1.5rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-header,.featured-image-container,.article-content>*,.article-footer,.related-articles,.author-bios>h3{animation:fadeUp .6s ease-out forwards;opacity:0}.article-content>*:nth-child(1){animation-delay:.1s}.article-content>*:nth-child(2){animation-delay:.2s}.article-content>*:nth-child(3){animation-delay:.3s}.article-content>*:nth-child(4){animation-delay:.4s}.article-content>*:nth-child(5){animation-delay:.5s}.article-content>*:nth-child(n+6){animation-delay:.6s}.article-content::-webkit-scrollbar{width:8px}.article-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.article-content::-webkit-scrollbar-thumb{background:#64ffda4d;border-radius:4px}.article-content::-webkit-scrollbar-thumb:hover{background:#64ffda80}
