.article-detail-container{width:100%;background-color:#fff}.article-detail-hero{width:100%;height:30vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;position:relative;margin-bottom:0}@media (max-width:768px){.article-detail-hero{width:100%;height:20vh}}.hero-back-article{position:relative;overflow:hidden}.article-detail-hero-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:1}.article-detail-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4));z-index:2}@media (max-width:768px){.article-detail-hero-bg-img{object-fit:cover;object-position:center center}}.article-detail-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:3}.article-detail-hero-content{position:relative;z-index:4;width:75%;max-width:75%}@media (max-width:768px){.article-detail-hero-content{width:95%}}.article-detail-hero h1{font-size:36px;line-height:46px;font-weight:900;text-transform:none;letter-spacing:2px;background:linear-gradient(100deg,#ff672a,#fff,#ff672a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-top:50px}@media (max-width:1366px){.article-detail-hero h1{font-size:20px;line-height:30px}}@media (max-width:768px){.article-detail-hero h1{font-size:18px;line-height:25px;margin-top:10px;max-width:95%}}.article-detail-hero p{font-size:18px;line-height:26px;font-weight:500;width:90%;margin:10px auto 0}@media (max-width:1366px){.article-detail-hero p{font-size:16px;line-height:22px;margin-top:10px}}@media (max-width:768px){.article-detail-hero p{font-size:15px;line-height:22px;margin-top:10px;width:100%;color:hsla(0,0%,100%,.9);display:none}}.article-meta-top{font-size:18px;margin-top:15px;display:flex;justify-content:center;gap:25px;font-weight:400;text-align:center}@media (max-width:768px){.article-meta-top{font-size:14px;flex-direction:column;gap:8px}}.article-meta-top span{display:flex;justify-content:center;align-items:center;text-align:center;gap:8px;margin:0 auto}.article-meta-top i{color:#ff672a}.article-detail-content-container{max-width:75%;margin:0 auto;padding:30px 0}@media (max-width:768px){.article-detail-content-container{max-width:90%;margin:0 auto;padding:10px 0}}.article-detail-breadcrumb{padding:15px 0;font-size:14px;color:#777;border-bottom:1px solid rgba(255,103,42,.2);margin-bottom:40px}.article-detail-breadcrumb a{color:#ff672a;text-decoration:none}.article-detail-breadcrumb span{margin:0 8px;color:rgba(0,0,0,.6)}.article-main-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px;align-items:stretch}@media (max-width:1366px){.article-main-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px;align-items:stretch}}@media (max-width:768px){.article-main-grid{display:flex;flex-direction:column;gap:20px}}.article-featured-image{width:100%;border-radius:12px;overflow:hidden;margin-bottom:35px;box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 -3px 0 rgba(0,0,0,.2)}@media (max-width:768px){.article-featured-image{margin-bottom:35px}}.article-featured-image img{width:100%;height:auto;display:block}.article-body-content{font-size:16px;line-height:24px;font-weight:500;color:rgba(0,0,0,.6);margin-top:0}@media (max-width:768px){.article-body-content{font-size:15px;line-height:24px}}.article-body-content p:empty{display:none}.article-body-content p{margin-bottom:0}.article-body-content a{text-decoration:none;color:#ff672a;font-weight:600}.article-body-content h1,.article-body-content h2,.article-body-content h3,.article-body-content h4{color:rgba(0,0,0,.7);margin:0 0 -10px;font-weight:800}@media (max-width:768px){.article-body-content h1,.article-body-content h2,.article-body-content h3,.article-body-content h4{margin:-10px 0}}.article-body-content h1{font-size:35px;line-height:40px}.article-body-content h2{font-size:25px;line-height:30px}.article-body-content h3{font-size:20px;line-height:25px}.article-body-content h4{font-size:18px;line-height:22px}@media (max-width:768px){.article-body-content h1{font-size:25px;line-height:30px}.article-body-content h2,.article-body-content h3,.article-body-content h4{font-size:20px;line-height:25px}}.article-body-content ol,.article-body-content ul{margin-top:0;margin-bottom:20px;padding-left:40px}.article-body-content li{margin-bottom:10px}.article-body-content img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 -3px 0 rgba(0,0,0,.2)}.article-body-content .ql-video,.article-body-content iframe{width:100%!important;height:auto!important;aspect-ratio:16/9;border:none;border-radius:10px;background-color:#000}.article-sidebar{display:flex;flex-direction:column;gap:25px}.info-card{background:#fff;border:1px solid rgba(255,103,42,.2);border-radius:12px;padding:25px;box-shadow:0 5px 20px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:100px}@media (max-width:768px){.info-card{position:relative;top:0;padding:20px}}.info-card h4{font-size:20px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,103,42,.1);font-weight:700}@media (max-width:768px){.info-card h4{margin-bottom:10px}}.article-tags-container{display:flex;flex-wrap:wrap;gap:10px}.article-tag-badge{background:#f8f9fa;color:#666;padding:6px 14px;border-radius:6px;font-size:13px;border:1px solid #eee}.cta-article-button{background-color:#ff672a;color:#fff;padding:14px;border-radius:10px;text-align:center;text-decoration:none;font-weight:600;display:block;margin-top:20px;transition:.3s;font-size:15px;box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 -3px 0 rgba(0,0,0,.2)}@media (max-width:768px){.cta-article-button{margin-top:15px}}.cta-article-button:hover{background:#194493}.related-article-section{margin-top:0;border-top:1px solid #eee;padding-top:20px}.related-header h3{font-size:22px;color:#ff672a;margin-bottom:20px;font-weight:900}.related-article-grid{max-width:100%;margin:0 auto;padding:0 0 30px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:30px;gap:30px}@media (max-width:768px){.related-article-grid{max-width:100%;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:30px;gap:30px}}.related-article-grid .related-article-card:only-child{grid-column:1/2}.related-article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 -3px 0 rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:0 solid rgba(7,174,243,.2);display:flex;flex-direction:column;height:100%;position:relative;text-decoration:none;padding:0}.related-article-card:hover{transform:translateY(0);box-shadow:0 0 10px rgba(255,103,42,.9)}.related-article-card-image{width:100%;height:250px;position:relative;overflow:hidden}@media (max-width:1366px){.related-article-card-image{height:300px}}@media (max-width:768px){.related-article-card-image{height:300px}}.related-article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-article-card:hover .related-article-card-image img{transform:scale(1.01)}.related-article-card-category{position:absolute;top:10px;right:10px;background:#ff672a;box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 -2px 0 rgba(0,0,0,.2);color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}.related-article-card-info{padding:20px;flex-grow:1;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.related-article-card-info h3{font-size:16px;color:#ff672a;font-weight:600;text-align:center;margin-bottom:0;line-height:22px}@media (max-width:1366px){.related-article-card-info h3{font-size:16px}}@media (max-width:768px){.related-article-card-info h3{font-size:15px;line-height:22px}}.related-read-more-text{margin-top:auto;font-size:14px;font-weight:600;color:#ff672a;display:flex;align-items:center;gap:8px;padding-top:15px}.see-more-button.side-related-article{background-color:#ff672a;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:14px 28px;border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;text-decoration:none;box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 -2px 0 rgba(0,0,0,.2);margin:0 auto 50px;width:50%}@media (max-width:768px){.see-more-button.side-related-article{margin-top:30px;margin-bottom:30px;padding:10px 20px;font-size:14px;width:75%}}.see-more-button.side-related-article:hover{box-shadow:0 6px 6px rgba(255,103,42,.6),inset 0 -2px 0 rgba(0,0,0,.2)}