.article-detail-container{min-height:100vh;background:#ffffff;font-family:NeueHaasDisplay,sans-serif;padding-top:6rem;padding-bottom:4rem}.article-detail-nav{max-width:1200px;padding:0 5%;margin:1rem auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:#1955d5;font-weight:600;font-size:.95rem;text-decoration:none;transition:color .3s ease}.back-button:hover{opacity:.8}.article-detail-header{max-width:1200px;padding:0 5%;margin:0 auto 2rem;text-align:center}.article-detail-category{color:#1955d5;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.article-detail-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#1955d5,#4a90e2);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:750px;margin:0 auto 1.5rem}.article-detail-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.95rem;color:#6b7280;flex-wrap:wrap}.article-detail-author{font-weight:600;color:#374151}.article-detail-separator{color:#d1d5db}.article-detail-hero-image{max-width:1200px;margin:0 auto 4rem;padding:0 5%}.article-hero-img{width:100%;height:auto;border-radius:2rem;-o-object-fit:cover;object-fit:cover;max-height:600px}.article-detail-content-wrapper{max-width:1200px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:250px 1fr;gap:4rem;align-items:start}.article-toc{position:relative}.toc-sticky{position:sticky;top:6rem;background:#f8faff;border-radius:1.5rem;padding:1.5rem;border:1px solid #e5e7eb}.toc-title{font-size:1.1rem;font-weight:600;color:#1955d5;margin:0 0 1rem}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.toc-link{color:#4b5563;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease;display:block}.toc-link:hover{color:#1955d5}.article-detail-main{max-width:750px}.article-section{margin-bottom:3rem}.article-section-title{font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.article-paragraph{font-size:1.1rem;color:#374151;margin:0 0 1.5rem;font-weight:500}.article-paragraph:last-child{margin-bottom:0}.article-quote{background:linear-gradient(135deg,#f8faff,#e8f0fe);border-left:4px solid #1955d5;padding:2rem;margin:3rem 0;border-radius:0 1rem 1rem 0}.quote-text{font-size:1.3rem;font-style:italic;color:#1f2937;margin:0 0 1rem;font-weight:500}.quote-author{display:block;font-size:1rem;color:#1955d5;font-weight:600;font-style:normal}.article-detail-date,.article-detail-readtime{font-weight:500}.article-cta-fullwidth{width:100vw;margin-left:calc(-50vw + 50%);background:linear-gradient(135deg,#1955d5,#4a90e2);color:white;padding:4rem 0;margin-top:4rem;margin-bottom:4rem}.article-cta-content{max-width:1200px;margin:0 auto;padding:0 5%;text-align:center}.article-cta-content h3{font-size:2.5rem;font-weight:600;margin:0 0 1rem;color:white}.article-cta-content p{font-size:1.2rem;opacity:.95;font-weight:500;max-width:700px;margin:0 auto 1.5rem}.cta-button{display:inline-block;background:white;color:#1955d5;padding:1rem 2rem;border-radius:3rem;font-weight:600;font-size:1.1rem;text-decoration:none;transition:transform .3s ease}.cta-button:hover{transform:scale(1.02)}.related-articles-section{max-width:1200px;margin:0 auto 4rem;padding:0 5%}.related-articles-header{margin-bottom:2.5rem;text-align:center}.related-articles-title{font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,#1955d5,#4a90e2);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.related-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.related-article-card{background:white;border-radius:2rem;overflow:hidden;border:1px solid #e5e7eb;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease}.related-article-date{font-weight:500}.related-article-card:hover{transform:scale(1.02)}.related-article-image-container{width:100%;height:220px;overflow:hidden;position:relative}.related-article-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-article-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.related-article-title{font-size:1.3rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article-meta{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280;margin-bottom:1rem}.related-article-author{font-weight:600;color:#374151}.related-meta-separator{color:#d1d5db}.related-article-footer{margin-top:auto;padding-top:1rem;border-top:1px solid #e5e7eb}.related-article-readmore{display:flex;align-items:center;gap:.5rem;color:#1955d5;font-weight:600;font-size:.95rem}@media (max-width:768px){.article-detail-container{padding-top:5rem;padding-bottom:3rem}.article-detail-nav{margin-bottom:1.5rem;padding:0 5%}.back-button{font-size:.9rem;gap:.4rem}.article-detail-header{margin-bottom:1.5rem;padding:0 5%}.article-detail-category{font-size:.8rem;margin-bottom:.8rem}.article-detail-title{font-size:2.2rem;margin-bottom:1.2rem}.article-detail-meta{font-size:.9rem;gap:.6rem}.article-detail-hero-image{margin-bottom:3rem;padding:0 5%}.article-hero-img{border-radius:1.5rem;max-height:450px}.article-detail-content-wrapper{padding:0 5%;gap:2.5rem}.article-section{margin-bottom:2.5rem}.article-section-title{font-size:1.6rem;margin-bottom:1.2rem}.article-paragraph{font-size:1rem;margin-bottom:1.3rem}.article-quote{padding:1.5rem;margin:2.5rem 0;border-radius:0 .8rem .8rem 0}.quote-text{font-size:1.1rem;margin-bottom:.8rem}.quote-author{font-size:.95rem}.toc-sticky{padding:1.3rem;border-radius:1.2rem}.toc-title{font-size:1rem;margin-bottom:.8rem}.toc-list{gap:.6rem}.toc-link{font-size:.85rem}.article-cta-fullwidth{padding:3rem 5%;margin-top:3rem;margin-bottom:3rem}.article-cta-content h3{font-size:2rem;margin-bottom:.8rem}.article-cta-content p{font-size:1.05rem;margin-bottom:1.3rem}.cta-button{padding:.9rem 1.8rem;font-size:1rem}.related-articles-section{margin-bottom:3rem;padding:0 5%}.related-articles-header{margin-bottom:2rem}.related-articles-title{font-size:2rem}.related-articles-grid{grid-template-columns:1fr;gap:2rem}.related-article-card{border-radius:1.5rem}.related-article-image-container{height:200px}.related-article-content{padding:1.3rem}.related-article-title{font-size:1.25rem;margin-bottom:.8rem}.related-article-meta{font-size:.85rem;margin-bottom:.8rem}}@media (max-width:480px){.article-detail-container{padding-top:4.5rem;padding-bottom:2.5rem}.article-detail-nav{margin-bottom:1.2rem;padding:0 5%}.back-button{font-size:.85rem;gap:.35rem}.article-detail-header{margin-bottom:1.2rem;padding:0 5%}.article-detail-category{font-size:.75rem;margin-bottom:.7rem;letter-spacing:.3px}.article-detail-title{font-size:1.8rem;margin-bottom:1rem}.article-detail-meta{font-size:.85rem;gap:.5rem}.article-detail-hero-image{margin-bottom:2.5rem;padding:0 5%}.article-hero-img{border-radius:1.2rem;max-height:300px}.article-detail-content-wrapper{padding:0 5%;gap:2rem}.article-section{margin-bottom:2rem}.article-section-title{font-size:1.4rem;margin-bottom:1rem}.article-paragraph{font-size:.95rem;margin-bottom:1.2rem}.article-quote{padding:1.2rem;margin:2rem 0;border-radius:0 .6rem .6rem 0;border-left-width:3px}.quote-text{font-size:1rem;margin-bottom:.7rem}.quote-author{font-size:.9rem}.toc-sticky{padding:1.2rem;border-radius:1rem}.toc-title{font-size:.95rem;margin-bottom:.7rem}.toc-list{gap:.5rem}.toc-link{font-size:.8rem}.article-cta-fullwidth{padding:2.5rem 5%;margin-top:2.5rem;margin-bottom:2.5rem}.article-cta-content h3{font-size:1.6rem;margin-bottom:.7rem}.article-cta-content p{font-size:.95rem;margin-bottom:1.2rem}.cta-button{padding:.85rem 1.5rem;font-size:.95rem;border-radius:2.5rem}.related-articles-section{margin-bottom:2.5rem;padding:0 5%}.related-articles-header{margin-bottom:1.5rem}.related-articles-title{font-size:1.6rem}.related-articles-grid{gap:1.5rem}.related-article-card{border-radius:1.2rem}.related-article-image-container{height:180px}.related-article-content{padding:1.2rem}.related-article-title{font-size:1.1rem;margin-bottom:.7rem}.related-article-meta{font-size:.8rem;gap:.4rem;margin-bottom:.7rem}.related-article-footer{padding-top:.8rem}.related-article-readmore{font-size:.85rem;gap:.4rem}}