@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;440;550;660;680&family=Red+Hat+Display:wght@600;680;700&display=swap");.article-detail-page{min-height:100vh;background-color:#fff}.article-hero{background:linear-gradient(135deg,#4da6a6,#5eb3b3 50%,#6ec0c0);padding:80px 20px 120px;position:relative;overflow:hidden}.article-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:120px;background:#fff;-webkit-clip-path:ellipse(70% 100% at 50% 100%);clip-path:ellipse(70% 100% at 50% 100%)}.hero-content{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-category{display:inline-block;font-size:.9375rem;color:hsla(0,0%,100%,.9);font-weight:500;margin-bottom:20px;letter-spacing:.5px}.hero-title{font-size:3rem;font-weight:680;color:#fff;line-height:1.2;margin-bottom:24px;letter-spacing:-.4px;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:Red Hat Display,Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;color:hsla(0,0%,100%,.95)}.hero-author{font-weight:500}.hero-separator{color:hsla(0,0%,100%,.6)}.hero-comments{color:hsla(0,0%,100%,.9)}.hero-avatar{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:120px;height:120px;border-radius:50%;background:#fff;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:3}.hero-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.article-detail-wrapper{max-width:800px;margin:0 auto;padding:0 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.article-detail-container{background:#fff;padding-top:80px}.ai-notice{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px 24px;margin-bottom:40px;color:#6c757d;font-size:.9375rem;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:440}.ai-notice p{margin:0}.article-content{font-size:1.125rem;line-height:1.65;color:#212529!important;padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:440;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article-content *{color:inherit}.article-content h1{font-size:2.25rem!important;font-weight:680!important;margin-top:40px!important;margin-bottom:16px!important;color:#212529!important;line-height:1.25!important;letter-spacing:-.3px!important;font-family:Red Hat Display,Inter,sans-serif!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.article-content h1:first-child{margin-top:0!important}.article-content h2{font-size:1.75rem!important;margin-top:40px!important;margin-bottom:16px!important;line-height:1.3!important;letter-spacing:-.2px!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.article-content h2,.article-content h3{font-weight:680!important;color:#212529!important;font-family:Red Hat Display,Inter,sans-serif!important}.article-content h3{font-size:1.375rem!important;margin-top:32px!important;margin-bottom:12px!important;line-height:1.35!important;letter-spacing:-.1px!important}.article-content h4{font-size:1.125rem!important;font-weight:660!important;margin-top:24px!important;margin-bottom:10px!important;color:#212529!important;font-family:Red Hat Display,Inter,sans-serif!important}.article-content ol,.article-content p,.article-content ul{margin-bottom:16px!important;color:#212529!important}.article-content ol,.article-content ul{padding-left:28px!important}.article-content li{margin-bottom:8px!important;padding-left:4px!important;line-height:1.65!important;color:#212529!important}.article-content ul li{list-style-type:disc!important}.article-content ol li{list-style-type:decimal!important}.article-content li>p{margin-bottom:8px!important}.article-content ol ul,.article-content ul ul{margin-top:8px;margin-bottom:8px}.article-content a{color:#4a90e2;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.article-content a:hover{border-bottom-color:#4a90e2}.article-content strong{font-weight:660!important;color:#212529!important}.article-content em{font-style:italic!important;color:#212529!important}.article-content blockquote{margin:24px 0!important;padding:16px 20px!important;background:#f8f9fa!important;border-left:4px solid #4a90e2!important;font-style:italic!important;color:#495057!important}.article-content blockquote p:last-child{margin-bottom:0!important}.article-content code{padding:2px 6px;background:#f1f3f5;color:#d63384;border-radius:3px;font-size:.9em;font-family:Consolas,Monaco,Courier New,monospace}.article-content pre{margin:24px 0!important;padding:16px!important;background:#282c34!important;color:#abb2bf!important;border-radius:6px!important;overflow-x:auto!important;line-height:1.5!important}.article-content pre code{padding:0!important;background:transparent!important;color:inherit!important;font-size:.875rem!important}.article-content img{max-width:100%!important;height:auto!important;border-radius:8px!important;margin:24px auto!important;display:block!important}.article-content hr{margin:40px 0!important;border:none!important;border-top:1px solid #e9ecef!important}.article-content table{width:100%!important;margin:24px 0!important;border-collapse:collapse!important;font-size:.9375rem!important}.article-content table td,.article-content table th{padding:10px 14px!important;border:1px solid #dee2e6!important;text-align:left!important}.article-content table th{font-weight:600!important;color:#495057!important}.article-content table th,.article-content table tr:hover{background:#f8f9fa!important}.related-articles{padding:32px 0 24px;border-top:1px solid #e9ecef;margin-top:40px}.related-title{font-size:1.375rem;font-weight:680;color:#212529;margin-bottom:16px;letter-spacing:-.1px;font-family:Red Hat Display,Inter,sans-serif}.related-list{list-style:none;padding:0;margin:0}.related-list li{margin-bottom:0;padding-left:0;border-bottom:1px solid #f1f3f5}.related-list li:last-child{border-bottom:none}.related-list a{color:#4a90e2;text-decoration:none;font-size:1rem;line-height:1.5;transition:color .2s ease,background-color .2s ease;display:block;padding:12px 0}.related-list a:hover{color:#357abd;background-color:#f8f9fa}.article-footer{padding:48px 0;border-top:1px solid #e9ecef}.footer-cta{text-align:center;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.cta-text{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:#fff}.cta-button{display:inline-block;padding:14px 32px;background:#fff;color:#667eea;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.15)}@media (max-width:768px){.article-hero{padding:60px 20px 100px}.hero-title{font-size:2rem}.hero-avatar{width:100px;height:100px;bottom:-50px}.article-detail-container{padding-top:70px}.article-detail-wrapper{padding:0 16px}.ai-notice{padding:16px 20px;font-size:.875rem}.article-content{font-size:1rem;line-height:1.7}.article-content h1{font-size:1.625rem;margin-top:36px}.article-content h2{font-size:1.375rem;margin-top:32px}.article-content h3{font-size:1.125rem;margin-top:24px}.article-content ol,.article-content ul{padding-left:24px}.related-articles{padding:32px 0;margin-top:36px}.related-title{font-size:1.25rem}.footer-cta{padding:32px 20px}.cta-text{font-size:1.125rem}}@media (max-width:480px){.article-hero{padding:40px 16px 80px}.hero-title{font-size:1.75rem}.hero-meta{font-size:.875rem}.hero-avatar{width:80px;height:80px;bottom:-40px}.article-detail-container{padding-top:60px}.article-content h1{font-size:1.5rem!important}.article-content h2{font-size:1.25rem!important}.cta-button{padding:12px 24px;font-size:.9375rem}}