.news-detail-page{background-color:#fff;min-height:100vh;padding-top:20px}.news-detail-container{max-width:1200px;margin:0 auto;padding:0 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.news-detail-layout{grid-template-columns:1fr 350px;gap:40px;margin-top:30px;display:grid}.breadcrumb{margin-bottom:30px}.breadcrumb-list{color:#666;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.breadcrumb-list li{align-items:center;display:flex}.breadcrumb-list a{color:#2563eb;text-decoration:none;transition:color .2s}.breadcrumb-list a:hover{color:#1d4ed8;text-decoration:underline}.breadcrumb-list li[aria-current=page]{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.news-article{background-color:#fff;border-radius:12px;margin-bottom:50px;overflow:hidden}.news-article-header{padding:30px 30px 20px}.news-category-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:4px;margin-bottom:20px;padding:8px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.news-category-badge:hover{opacity:.9}.category-badge-tech{background-color:#3b82f6}.category-badge-business{background-color:#10b981}.category-badge-sports{background-color:#f59e0b}.category-badge-health{background-color:#ef4444}.news-article-title{color:#1f2937;margin:0 0 25px;font-size:42px;font-weight:700;line-height:1.2}.news-article-meta{color:#6b7280;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:20px;font-size:14px;display:flex}.news-article-author,.news-article-date,.news-article-views{align-items:center;gap:6px;display:flex}.news-article-author svg,.news-article-date svg,.news-article-views svg{flex-shrink:0;width:16px;height:16px}.news-article-image-wrapper{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;height:500px;position:relative;overflow:hidden}.news-article-image{object-fit:cover;width:100%;height:100%}.news-article-summary{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin:30px;padding:30px}.news-article-summary-text{color:#374151;margin:0;font-size:18px;font-weight:500;line-height:1.7}.news-article-content{color:#374151;padding:0 30px 30px;font-size:18px;line-height:1.8}.news-article-content h2{color:#1f2937;margin:40px 0 20px;font-size:32px;font-weight:700;line-height:1.3}.news-article-content h3{color:#1f2937;margin:30px 0 15px;font-size:26px;font-weight:600;line-height:1.3}.news-article-content h4{color:#1f2937;margin:25px 0 12px;font-size:22px;font-weight:600;line-height:1.3}.news-article-content p{margin:0 0 20px}.news-article-content ul,.news-article-content ol{margin:20px 0;padding-left:30px}.news-article-content li{margin:10px 0}.news-article-content a{color:#2563eb;text-decoration:underline;transition:color .2s}.news-article-content a:hover{color:#1d4ed8}.news-article-content img{border-radius:8px;max-width:100%;height:auto;margin:30px 0}.news-article-content blockquote{color:#4b5563;background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:4px;margin:30px 0;padding:15px 20px;font-style:italic}.news-article-content code{background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:16px}.news-article-content pre{color:#f9fafb;background-color:#1f2937;border-radius:8px;margin:30px 0;padding:20px;overflow-x:auto}.news-article-content pre code{color:inherit;background-color:#0000;padding:0}.news-article-footer{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.news-article-tags{flex-wrap:wrap;gap:10px;display:flex}.news-tag{color:#374151;background-color:#f3f4f6;border-radius:20px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s}.news-tag:hover{color:#1f2937;background-color:#e5e7eb}.news-article-share{align-items:center;gap:10px;display:flex}.news-share-label{color:#6b7280;font-size:14px;font-weight:500}.news-share-button{color:#374151;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.news-share-button:hover{color:#fff;background-color:#2563eb;transform:translateY(-2px)}.news-sidebar{flex-direction:column;align-self:start;gap:30px;display:flex;position:sticky;top:100px}.news-sidebar-section{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 12px #00000014}.news-sidebar-title{color:#1f2937;margin:0 0 20px;font-size:20px;font-weight:700}.news-sidebar-share{justify-content:center;gap:12px;display:flex}.news-sidebar-share-button{color:#374151;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:all .2s;display:flex}.news-sidebar-share-button:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.news-sidebar-share-button svg{width:24px;height:24px}.news-sidebar-brokers-list{flex-direction:column;gap:20px;display:flex}.news-sidebar-broker-item{color:inherit;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:15px;padding:15px;text-decoration:none;transition:all .2s;display:flex}.news-sidebar-broker-item:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.news-sidebar-broker-logo{background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.news-sidebar-broker-image{object-fit:contain;width:100%;height:100%}.news-sidebar-broker-info{flex:1;min-width:0}.news-sidebar-broker-name{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3}.news-sidebar-broker-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.news-sidebar-broker-rating{align-items:center;gap:8px;margin-bottom:8px;display:flex}.news-sidebar-broker-rating-value{color:#1f2937;font-size:14px;font-weight:600}.news-sidebar-broker-stars{gap:2px;display:flex}.news-sidebar-broker-badge{color:#92400e;text-transform:uppercase;background-color:#fef3c7;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.news-related-section{border-top:2px solid #e5e7eb;grid-column:1/-1;padding-top:40px}.news-related-title{color:#1f2937;margin:0 0 30px;font-size:32px;font-weight:700}.news-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.news-related-card{color:inherit;background-color:#fff;border-radius:12px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;box-shadow:0 2px 12px #00000014}.news-related-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.news-related-image-wrapper{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;height:180px;position:relative;overflow:hidden}.news-related-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-related-card:hover .news-related-image{transform:scale(1.05)}.news-related-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;z-index:2;border-radius:4px;padding:5px 10px;font-size:9px;font-weight:700;position:absolute;top:10px;right:10px}.news-related-content{padding:15px}.news-related-headline{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-related-meta{color:#9ca3af;align-items:center;gap:12px;font-size:12px;display:flex}.news-related-date{align-items:center;display:flex}.news-related-views{align-items:center;gap:4px;display:flex}.news-related-views svg{width:14px;height:14px}@media (max-width:1024px){.news-detail-layout{grid-template-columns:1fr;gap:30px}.news-sidebar{order:-1;position:static}}@media (max-width:768px){.news-detail-container{padding:0 15px 40px}.default-news-brokers-section{display:none}.news-detail-layout{gap:20px}.news-article-title{font-size:28px}.news-article-header{padding:20px 15px 15px}.news-article-image-wrapper{height:300px}.news-article-summary{margin:20px 15px;padding:20px}.news-article-summary-text{font-size:16px}.news-article-content{padding:0 15px 20px;font-size:16px}.news-article-content h2{font-size:24px}.news-article-content h3{font-size:20px}.news-article-footer{flex-direction:column;align-items:flex-start;padding:20px 15px}.news-sidebar-section{padding:20px}.news-sidebar-title{font-size:18px}.news-sidebar-broker-item{padding:12px}.news-sidebar-broker-logo{width:50px;height:50px}.news-related-title{font-size:24px}.news-related-grid{grid-template-columns:1fr}.breadcrumb-list{display:none}.breadcrumb-list li[aria-current=page]{max-width:200px}}