/* =====================================================================
   Tin tức (agent D) — CHÉP CSS gốc enwintoptec.com (news.html, Corporate.html, post/*.html),
   class giữ nguyên tên gốc, scoped dưới .wtd-src. (reset nền .wtd-src nằm trong wt-solutions.css)
   ===================================================================== */
/* ---- banner .yt_pingpai_banner + thanh breadcrumb + danh sách bài + phân trang ---- */
@media (max-width: 576px) { .wtd-src .yt_pingpai_banner_content { padding: 0 20px; } }
@media (max-width: 576px) { .wtd-src .breadcrumb_box { padding: 20px 20px; font-size: 13px; } }
.wtd-src .yt_articlelist_container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.wtd-src .yt_articlelist_item:hover .yt_articlelist_title { color: #f39800;     transition: all .3s ease; }
.wtd-src .yt_articlelist_item { display: flex; gap: 30px; padding: 30px 0; border-bottom: 1px solid #eee; text-decoration: none; color: inherit; }
.wtd-src .yt_articlelist_image { width: 200px; height: 130px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.wtd-src .yt_articlelist_content { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.wtd-src .tts { position: relative; transition: padding-left .4s; transition: all .3s ease; }
.wtd-src .tts:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 1px; background-color: #f39800; transition: width .4s; }
.wtd-src .yt_articlelist_title { font-size: 22px; margin-bottom: 15px; color: #333; font-weight: 600; }
.wtd-src .yt_articlelist_desc { font-size: 14px; color: #9a9a9a; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.wtd-src .yt_articlelist_more { color: #f39800; font-size: 14px; margin-top: auto; }
.wtd-src .yt_articlelist_date { font-size: 36px; color: #004896; text-align: center; font-weight: 600; margin-left: auto; border-left: 1px solid #e5e5e5; padding-left: clamp(calc(50 / 2 * 1px), calc(50 / 1920 * 100 * 1vw), 50px); }
.wtd-src .yt_articlelist_date small { display: block; font-size: 16px; margin-top: 5px; }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_item { position: relative; flex-direction: column; gap: 15px; padding: 20px 0; } }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_image { width: 100%; height: 200px; } }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_content { padding-right: 0; } }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_title { font-size: 18px; margin-bottom: 10px; padding-right: 80px; } }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_desc { font-size: 14px; -webkit-line-clamp: 2; margin-bottom: 10px; } }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_date { position: absolute; right: 15px; top: 30px; font-size: 24px; margin: 0; background: rgb(0 0 0 / 60%); width: 60px; text-align: center; color: #FFF; border-radius: 5px; } }
@media screen and (max-width: 768px) { .wtd-src .yt_articlelist_date small { font-size: 12px; margin-top: 2px; } }
@media screen and (max-width: 480px) { .wtd-src .yt_articlelist_title { font-size: 20px; padding-right: 65px; font-weight: 600; } }
@media screen and (max-width: 480px) { .wtd-src .yt_articlelist_date { font-size: 20px; } }
@media screen and (max-width: 480px) { .wtd-src .yt_articlelist_date small { font-size: 11px; } }
.wtd-src .yt_zliebiao_breadcrumb { background: #f6f8fb; }
.wtd-src .yt_zliebiao_breadcrumb a { color: #000000; text-decoration: none; margin: 0 5px; }
.wtd-src .breadcrumb_box { margin: 0 auto; max-width: 1250px; padding-top: 20px; padding-bottom: 20px; }
.wtd-src .yt_pingpai_banner { position: relative; height: 400px; display: flex; align-items: center; padding-left: 12%; }
.wtd-src .yt_pingpai_banner_content { color: #fff; }
.wtd-src .yt_pingpai_banner h1 { font-size: 36px; margin-bottom: 10px; }
.wtd-src .yt_pingpai_banner p { font-size: 16px; margin-bottom: 20px; color: #fff; }
@media (max-width: 768px) { .wtd-src .yt_pingpai_banner { height: 300px; padding-left: 0; justify-content: center; } }
@media (max-width: 768px) { .wtd-src .yt_pingpai_banner h1 { font-size: 28px; } }
@media (max-width: 768px) { .wtd-src .yt_pingpai_banner p { font-size: 16px; } }
@media (max-width: 768px) { .wtd-src .yt_pingpai_banner_content { text-align: center; } }
@media (max-width: 768px) { .wtd-src .yt_pingpai_banner_content h1 { font-size: 24px; } }
.wtd-src .pagination-container { margin: 50px 0; text-align: center; }
.wtd-src .pagination-box { display: inline-block; border-radius: 4px; padding: 5px 10px; }
.wtd-src .pagination-box a, .wtd-src .pagination-box span { display: inline-block; min-width: 28px; height: 28px; line-height: 28px; margin: 0 3px; text-align: center; text-decoration: none; color: #333; border: 1px solid transparent; border-radius: 3px; }
.wtd-src .pagination-box a:hover { color: #4f4f4f; background-color: #f1f1f1; }
.wtd-src .pagination-box .now-page { background-color: #f39800; color: #fff; font-weight: bold; }
@media (max-width: 767px) { .wtd-src .yt_articlelist_date { display: none; } }
@media (max-width: 767px) { .wtd-src .aetag { display: none; } }
@media (max-width:767px) { .wtd-src .yt_pingpai_banner_content p { margin: 0; display: none; } }
@media (max-width:767px) { .wtd-src .yt_pingpai_banner_content h1 { font-size: 28px; } }
@media (max-width:768px) { .wtd-src .pc-title { display:none; } }

/* ---- bài chi tiết ---- */
.wtd-src .yt_article_content p { word-wrap: break-word; overflow-wrap: break-word; }
@media (max-width: 576px) { .wtd-src .yt_article_primary_header_text { padding: 10px; } }
@media (max-width: 576px) { .wtd-src .yt_article_sidebar { margin-bottom: 20px; } }
.wtd-src .yt_article_container { max-width: 1250px; margin: 0 auto; box-sizing: border-box; }
.wtd-src .yt_article_primary_header_text { margin-bottom: 0px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.wtd-src .yt_article_title { font-size: 28px; margin: 0; font-weight: 600; }
.wtd-src .yt_article_date { margin-top: 10px; opacity: 0.8; max-width: 800px; line-height: 1.6; word-wrap: break-word; font-size: 18px; }
.wtd-src .yt_article_content { font-size: 16px; line-height: 1.8; padding-top: 20px; }
.wtd-src .yt_article_content p, .wtd-src .yt_article_content { line-height: 2.5; margin-bottom: 20px; color: #333; font-size: 15px; }
.wtd-src .yt_article_content table { width:100%;border-collapse:collapse;margin:30px 0 }
.wtd-src .yt_article_content td { color:#19191a;font-size:15px;width:25%; }
.wtd-src .yt_article_content td { border:1px solid #ffffff26!important;padding:15px;text-align:left }
.wtd-src .yt_article_content th { background:rgba(64,128,255,.06) }
.wtd-src .yt_article_content tr:nth-child(odd) { background: rgb(64 128 255 / 10%); }
.wtd-src .yt_article_content img { margin: 20px auto; border-radius: 6px; display: block; max-width: 90%; }
.wtd-src .yt_article_navigation { display: flex; justify-content: space-between; margin: 50px 0; padding: 20px 0; border-top: 1px solid #eee; font-size: 14px; }
.wtd-src .yt_article_nav_item { color: #666; text-decoration: none; }
.wtd-src .yt_article_main { display: flex; gap: 40px; margin-top: 20px; }
.wtd-src .yt_article_main .yt_article_date { font-size: 14px; }
.wtd-src .yt_article_primary { flex: 1; min-width: 0; }
.wtd-src .yt_article_sidebar { width: 300px; flex-shrink: 0; }
.wtd-src .yt_article_recommend { background: #f1f7ff; padding: 20px; border-radius: 4px; }
.wtd-src .yt_article_recommend_title { font-size: 18px; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.wtd-src .yt_article_recommend_list { list-style: none; padding: 0; margin: 0; }
.wtd-src .yt_article_recommend_item { margin-bottom: 15px; }
.wtd-src .yt_article_recommend_item:last-child { margin-bottom: 0; }
.wtd-src .yt_article_recommend_link { display: flex; gap: 12px; text-decoration: none; color: #333; }
.wtd-src .yt_article_recommend_image { width: 120px; height: 80px; object-fit: cover; border-radius: 4px; }
.wtd-src .yt_article_recommend_info { flex: 1; min-width: 0; }
.wtd-src .yt_article_recommend_name { font-size: 14px; line-height: 1.4; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wtd-src .yt_article_recommend_date { font-size: 12px; color: #999; }
@media screen and (max-width: 1024px) { .wtd-src .yt_article_main { flex-direction: column; } }
@media screen and (max-width: 1024px) { .wtd-src .yt_article_sidebar { width: 100%; } }
@media screen and (max-width: 768px) { .wtd-src .yt_article_title { font-size: 24px; } }
@media screen and (max-width: 768px) { .wtd-src .yt_article_content { font-size: 15px; padding: 0 10px; } }
@media screen and (max-width: 768px) { .wtd-src .yt_article_navigation { flex-direction: column; gap: 10px; margin: 0; } }
@media screen and (max-width: 768px) { .wtd-src .yt_article_content img { height: 100%; } }
@media screen and (max-width: 480px) { .wtd-src .yt_article_container { padding: 0 15px; } }
@media screen and (max-width: 480px) { .wtd-src .yt_article_title { font-size: 20px; } }
@media screen and (max-width: 480px) { .wtd-src .yt_article_content { font-size: 14px; margin-bottom: 0; } }
.wtd-src .yt_article_main { display: flex; position: relative; }
.wtd-src .yt_article_primary { flex: 1; }
.wtd-src .yt_article_sidebar { position: sticky; top: 85px; align-self: flex-start; height: fit-content; }