.news-detail{max-width:900px;margin:0 auto}.news-detail__header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-lighter)}.news-detail__title{color:var(--text-light);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.news-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.news-detail__date{color:var(--text-muted);font-size:0.9rem;display:flex;align-items:center;gap:0.4rem}.news-detail__date i{color:var(--primary-color);font-size:1rem}.news-detail__preview{background:var(--primary-bg-light);border-left:4px solid var(--primary-color);padding:1.25rem 1.5rem;margin-bottom:2rem;border-radius:0 8px 8px 0;color:var(--text-light);font-size:1.1rem;line-height:1.6;font-style:italic}.news-detail__content{color:var(--text-muted);line-height:1.7;margin-bottom:2.5rem}.news-detail__content h2,.news-detail__content h3{color:var(--text-light);margin-top:2rem;margin-bottom:1rem}.news-detail__content p{margin-bottom:1.25rem}.news-detail__content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.news-detail__content a{color:var(--text-light);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-ultra-strong);transition:color 0.2s ease,text-decoration-color 0.2s ease}.news-detail__content a:hover{color:var(--primary-color);text-decoration-color:var(--primary-color)}.news-detail__footer{padding-top:1.5rem;border-top:1px solid var(--border-lighter)}@media (max-width:768px){.news-detail__title{font-size:1.75rem}.news-detail__preview{font-size:1rem;padding:1rem 1.25rem}}@media (max-width:576px){.news-detail__header{margin-bottom:1.5rem;padding-bottom:1rem}.news-detail__title{font-size:1.5rem}.news-detail__meta{gap:0.75rem}.news-detail__date{font-size:0.85rem}.news-detail__preview{font-size:0.95rem;padding:0.75rem 1rem}}.category-badge{font-size:0.7rem;font-weight:500;padding:0.25rem 0.6rem;border-radius:20px;white-space:nowrap;flex-shrink:0}.category-badge--primary{background-color:var(--secondary-bg-color);color:var(--secondary-color);border:1px solid var(--border-secondary)}.category-badge--success{background-color:rgba(25,135,84,0.15);color:#28a745;border:1px solid rgba(25,135,84,0.3)}.category-badge--info{background-color:rgba(13,202,240,0.15);color:#0dcaf0;border:1px solid rgba(13,202,240,0.3)}.category-badge--warning{background-color:rgba(255,193,7,0.15);color:#ffc107;border:1px solid rgba(255,193,7,0.3)}.category-badge--danger{background-color:rgba(220,53,69,0.15);color:#dc3545;border:1px solid rgba(220,53,69,0.3)}.category-badge--secondary{background-color:rgba(108,117,125,0.15);color:#adb5bd;border:1px solid rgba(108,117,125,0.3)}@media (max-width:576px){.category-badge{font-size:0.65rem;padding:0.2rem 0.5rem}}.custom-outline-btn{padding:12px 35px;font-size:1.1rem;font-weight:600;border-width:1px;border-style:solid;border-radius:8px;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color);background-color:transparent;border-color:var(--primary-color);text-decoration:none}.custom-outline-btn:hover,.custom-outline-btn:focus{background-color:var(--primary-bg-ultra-strong);border-color:var(--primary-color);color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--primary-bg-color)}.custom-outline-btn:active{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#000000!important}.custom-outline-btn i{margin-left:8px;transition:transform 0.3s ease}.custom-outline-btn:hover i,.custom-outline-btn:focus i{transform:translateX(3px)}.sm-custom-outline-btn{padding:8px 20px;font-size:0.95rem;font-weight:500;border-width:1px;border-style:solid;border-radius:6px;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color);background-color:transparent;border-color:var(--primary-color);text-decoration:none;line-height:1.4}.sm-custom-outline-btn:hover,.sm-custom-outline-btn:focus{background-color:var(--primary-bg-ultra-strong);border-color:var(--primary-color);color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--primary-bg-color)}.sm-custom-outline-btn:active{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#000000!important}.sm-custom-outline-btn i{margin-left:2px;margin-right:8px;font-size:0.9rem;transition:transform 0.3s ease}.sm-custom-outline-btn:hover i,.sm-custom-outline-btn:focus i{}.sm-custom-outline-btn.icon-left i{margin-left:0;margin-right:6px}.sm-custom-outline-btn.icon-left:hover i,.sm-custom-outline-btn.icon-left:focus i{transform:translateX(-3px)}.white-outline-btn{padding:12px 35px;font-size:1.1rem;font-weight:600;border-width:1px;border-style:solid;border-radius:8px;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.9);background-color:transparent;border-color:rgba(255,255,255,0.4);text-decoration:none}.white-outline-btn:hover,.white-outline-btn:focus{background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.8);color:#ffffff;outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.white-outline-btn:active{background-color:rgba(255,255,255,0.15)!important;border-color:#ffffff!important;color:#ffffff!important}.white-outline-btn i{margin-left:8px;transition:transform 0.3s ease}.white-outline-btn:hover i,.white-outline-btn:focus i{transform:translateX(3px)}.sm-white-outline-btn{padding:8px 20px;font-size:0.95rem;font-weight:500;border-width:1px;border-style:solid;border-radius:6px;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.9);background-color:transparent;border-color:rgba(255,255,255,0.4);text-decoration:none;line-height:1.4}.sm-white-outline-btn:hover,.sm-white-outline-btn:focus{background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.8);color:#ffffff;outline:none;box-shadow:0 0 0 2px rgba(255,255,255,0.1)}.sm-white-outline-btn:active{background-color:rgba(255,255,255,0.15)!important;border-color:#ffffff!important;color:#ffffff!important}.sm-white-outline-btn i{margin-left:2px;margin-right:8px;font-size:0.9rem;transition:transform 0.3s ease}.sm-white-outline-btn:hover i,.sm-white-outline-btn:focus i{}.custom-outline-btn.btn,.white-outline-btn.btn{--bs-btn-active-bg:var(--primary-color);--bs-btn-active-border-color:var(--primary-color);--bs-btn-active-color:#000000}