/*
Theme Name: Flatsome Child
Description: Child theme cho Flatsome - Custom CSS
Author: Custom
Template: flatsome
Version: 2.0.25
*/
/* Đầu trang: ô tìm kiếm, tài khoản và giỏ hàng */
#header {  --tdh-control:48px; --tdh-radius:10px; --tdh-bag:36px; }
#header #masthead .account-link, #header #masthead .header-cart-link {  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; margin: 0; line-height: 1; border-radius: var(--tdh-radius); text-decoration: none; white-space: nowrap; transition: background-color .15s, border-color .15s; }
#header .header-search-form {  flex: 1 1 auto; min-width: 0; max-width: 100%; }
#header .header-search-form .searchform > .flex-row {  height: var(--tdh-control); border-radius: var(--tdh-radius); background: #fff; }
#header .header-search-form input[type="search"] {  border: 0; background: transparent; font-size: 16px; }
#header #masthead .header-cart-link {  position: relative; justify-content: flex-start; gap: 10px; width: auto; padding: 5px 14px 5px 5px; border: 1px solid #e5e5e5; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,.08); }
#header #masthead .header-cart-link::before {  content: ""; display: block; flex: 0 0 var(--tdh-bag); width: var(--tdh-bag); height: var(--tdh-bag); margin: 0; border-radius: 8px; background: #e60000 center/21px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E"); box-shadow: 0 2px 5px rgba(230,0,0,.22); }
#header #masthead .header-cart-link > i[data-icon-label] {  position: absolute; top: 5px; left: 5px; width: var(--tdh-bag); height: var(--tdh-bag); margin: 0; padding: 0; border: 0; background: transparent; color: transparent; font-family: inherit !important; font-size: 0; line-height: 0; pointer-events: none; }
#header #masthead .header-cart-link > i[data-icon-label]::after {  content: attr(data-icon-label); position: absolute; top: -5px; right: -5px; left: auto; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; background: #111; }
#header #masthead .header-cart-title::before {  content: "Giỏ Hàng"; display: block; margin-bottom: 1px; color: #444; font-family: inherit; font-weight: 700; font-size: 10px; line-height: 13px; letter-spacing: .15px; }
#header #masthead .header-cart-title :is(.cart-price, .amount, .woocommerce-Price-currencySymbol) {  color: #e60000; }
@media (max-width: 849px) {
  #header {  --tdh-control: 44px; --tdh-bag: 34px; }
  #header #masthead, #header.header.show-on-scroll {  height: 55px !important; }
  #header #masthead .header-inner {  height: 55px; }
  #header #masthead .header-cart-link {  width: 44px; padding: 4px; gap: 0; }
  #header #masthead .header-cart-link > i[data-icon-label] {  top: 4px; left: 4px; }
  #header #masthead .header-cart-title {  display: none; }
  #header #wide-nav .header-search-form .searchform > .flex-row {  border-color: #d4d4d4; border-radius: 99px; background: #ececec; box-shadow: none; }
  #header #wide-nav .header-search-form input[type="search"] {  font-size: 14px; }
  #header #wide-nav .header-search-form .searchform > .flex-row:focus-within {  outline: 2px solid #d32f2f; }
}

@media (prefers-reduced-motion: reduce) {
  #header #masthead :is(.wmtm-open, .account-link, .header-cart-link) {  transition: none; }
}

/* =====================================================
   THANH THÔNG TIN TRÊN CÙNG — Chiều cao
   ===================================================== */
@media (max-width: 768px) {
  #top-bar .flex-row {  padding-top: 4px !important; padding-bottom: 4px !important; }
}

@media (max-width: 480px) {
  #top-bar .flex-row {  padding-top: 3px !important; padding-bottom: 3px !important; }
}

.page-title-inner {  min-height: 30px; padding-top: 15px; position: relative; }
.category-page-row {  padding-top: 15px !important; }

/* CSS được gộp từ cài đặt Flatsome và WordPress.
 * Quy tắc banner trên điện thoại nằm trong mục BO GÓC BANNER.
 */
.row .tdfs-section {  width: 100% !important; box-sizing: border-box !important; }
@media (max-width: 549px) {
  body .breadcrumbs {  color: #222; font-weight: 700; letter-spacing: 0; padding: 0; text-align: left; }

  /* Trang danh mục và thương hiệu: thu gọn đường dẫn điều hướng.
     * Không cố định chiều cao hoặc cắt nội dung để banner luôn hiển thị.
     */
  .woocommerce.archive .category-page-title:not(.featured-title) .page-title-inner {  min-height: 0; padding-top: 6px; padding-bottom: 6px; }
  .woocommerce.archive .category-page-title:not(.featured-title) .page-title-inner > .flex-col {  margin: 0; padding-top: 0; padding-bottom: 0; text-align: left; }
  .woocommerce.archive .category-page-title .woocommerce-breadcrumb {  margin: 0; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
  .woocommerce.archive .category-page-row {  padding-top: 8px !important; }
}

/* =====================================================
   BO GÓC BANNER
   ===================================================== */
@media (min-width: 850px) {
  .bo-goc-banner {  border-radius: 30px !important; overflow: hidden; }
  .bo-goc-banner img, .bo-goc-banner .slider-wrapper, .bo-goc-banner .flickity-viewport {  border-radius: 30px !important; }
}

@media (max-width: 849px) {
  .bo-goc-banner, .bo-goc-banner img, .bo-goc-banner .slider-wrapper, .bo-goc-banner .flickity-viewport {  border-radius: 0px !important; overflow: visible !important; }
}

/* =====================================================
   HUY HIỆU % GIẢM GIÁ
   ===================================================== */
.product-small.col:where(.tdfs-section *, .td-flash-sale-area *) .badge-container, .product-gallery .badge-container, .td-product-gallery .badge-container {  top: 8px !important; right: 8px !important; left: auto !important; margin-top: 0 !important; }
.badge-inner.on-sale {  background-color: #0087cc !important; color: #fff !important; }

/* =====================================================
   THU NHỎ Ô CHỌN BIẾN THỂ
   ===================================================== */
.variations_form .variations .value {  display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; }
.variations_form :is(.ux-swatch, .ux-swatch__item, .swatch, .variable-item, .ux-image-swatch, .ux_color_swatch, .ux-image-swatch__item) {  display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 70px !important; min-width: 70px !important; height: auto !important; padding: 4px !important; margin: 0 !important; border: 2px solid #ddd !important; border-radius: 6px !important; background: #fff !important; cursor: pointer !important; transition: border-color .15s, background-color .15s, box-shadow .15s !important; box-sizing: border-box !important; }
.variations_form .ux-swatch:hover, .variations_form .ux-swatch__item:hover, .variations_form .swatch:hover, .variations_form .variable-item:hover, .variations_form .ux-image-swatch:hover, .variations_form .ux-image-swatch__item:hover {  border-color: #e53935 !important; }
.variations_form .ux-swatch.selected, .variations_form .ux-swatch__item.selected, .variations_form .swatch.selected, .variations_form .variable-item.selected, .variations_form .ux-image-swatch.selected, .variations_form .ux-image-swatch__item.selected {  border-color: #e53935 !important; box-shadow: 0 0 0 1px #e53935 inset !important; background: #fff5f5 !important; }
.variations_form .ux-swatch img, .variations_form .ux-swatch__item img, .variations_form .swatch img, .variations_form .variable-item img, .variations_form .ux-image-swatch img, .variations_form .ux-image-swatch__item img {  width: 52px !important; height: 52px !important; object-fit: cover !important; border-radius: 4px !important; display: block !important; margin: 0 auto !important; }
.variations_form .ux-swatch span, .variations_form .ux-swatch__item span, .variations_form .swatch span, .variations_form .variable-item span, .variations_form .ux-image-swatch span, .variations_form .ux-image-swatch__item span {  display: block !important; font-size: 11px !important; font-weight: 600 !important; color: #333 !important; margin-top: 2px !important; text-align: center !important; white-space: nowrap !important; line-height: 1.2 !important; }
.variations_form .variations th.label, .variations_form .variations td.label {  width: 90px !important; vertical-align: middle !important; padding-top: 0 !important; font-weight: 600 !important; font-size: 14px !important; }
@media (max-width: 549px) {
  .variations_form .ux-swatch, .variations_form .ux-swatch__item, .variations_form .swatch, .variations_form .variable-item {  width: 62px !important; min-width: 62px !important; }
  .variations_form .ux-swatch img, .variations_form .ux-swatch__item img, .variations_form .swatch img, .variations_form .variable-item img {  width: 44px !important; height: 44px !important; }
  .variations_form .ux-swatch span, .variations_form .variable-item span {  font-size: 10px !important; }
}

/* Phân trang dùng chung cho danh mục và thương hiệu WooCommerce. */
.woocommerce-pagination {  margin: 24px 0 32px; }
.woocommerce-pagination ul.page-numbers {  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:0; padding:0; border:0; list-style:none; }
.woocommerce-pagination ul.page-numbers > li {  display:block; margin:0; padding:0; border:0; float:none; }
.woocommerce-pagination ul.page-numbers > li > :is(a,span) {  display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:44px; height:44px; margin:0; padding:0 12px; border:1px solid #e2e5e9; border-radius:12px; background:#fff; color:#343a40; font-size:15px; font-weight:600; line-height:1; text-decoration:none; box-shadow:0 1px 3px rgb(0 0 0 / 4%); transition:background-color .15s ease, border-color .15s ease, color .15s ease; }
.woocommerce-pagination ul.page-numbers > li > .current {  border-color:#d90000; background:#d90000; color:#fff; box-shadow:0 3px 8px rgb(217 0 0 / 16%); }
.woocommerce-pagination ul.page-numbers > li > a:hover {  border-color:#d90000; background:#fff4f4; color:#d90000; }
.woocommerce-pagination ul.page-numbers > li > a:focus-visible {  outline:2px solid #d90000; outline-offset:3px; }
.woocommerce-pagination ul.page-numbers > li > .dots {  border-color:transparent; background:transparent; box-shadow:none; color:#777; }
@media (max-width:549px) {
  .woocommerce-pagination {  margin:18px 0 24px; }
  .woocommerce-pagination ul.page-numbers {  gap:6px; }
}

@media (prefers-reduced-motion:reduce) {
  .woocommerce-pagination ul.page-numbers > li > a {  transition:none; }
}

/* Giữ cách hiển thị giá của khu vực khuyến mãi nhanh.
 * :where() giữ nguyên độ ưu tiên; nhóm này tách khỏi thẻ sản phẩm thông thường. - DÙNG CHO KHUNG FLASH SALE - TRÊN TRANG CHỦ
 */
:where(.tdfs-section, .td-flash-sale-area) .product-small .price {  font-weight: 700; color: #ff0000; display: flex !important; flex-direction: column !important; align-items: flex-start !important; line-height: 1.3 !important; }
:where(.tdfs-section, .td-flash-sale-area) .product-small .price ins {  color: #ee0808; order: 1 !important; font-size: 18px !important; font-weight: 600 !important; text-decoration: none !important; background: transparent !important; }
:where(.tdfs-section, .td-flash-sale-area) .product-small .price ins span.amount {  color: #e53935 !important; font-weight: 700 !important; }
:where(.tdfs-section, .td-flash-sale-area) .flatsome-price-sub {  order: 2 !important; display: flex !important; align-items: center !important; gap: 6px !important; margin-top: 4px !important; flex-wrap: wrap !important; }
:where(.tdfs-section, .td-flash-sale-area) .product-small .price del {  font-size: 13px !important; color: #333 !important; opacity: 1 !important; text-decoration: line-through !important; }
:where(.tdfs-section, .td-flash-sale-area) .product-small .price del span.amount {  color: #333 !important; opacity: 1 !important; }
:where(.tdfs-section, .td-flash-sale-area) .price-percentage {  font-size: 13px !important; color: #e53935 !important; font-weight: 600 !important; white-space: nowrap !important; }

/* Thẻ sản phẩm Thanh Digital: hình ảnh, tên, giá và huy hiệu giảm giá.
 * Loại trừ khu vực khuyến mãi nhanh; giữ cấu trúc lưới và trình chiếu của Flatsome. CSS - Ở TRANG CHỦ DESKTOP
 */
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) > .col-inner {  display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; background: #fff; border: 1px solid #e5e5e5; border-radius: 14px; box-shadow: 0 1px 6px rgb(0 0 0 / 10%); }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .product-small.box {  display: flex; flex-direction: column; flex: 1; overflow: hidden; border-radius: 13px; background: #fff; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .box-image {  width: 100% !important; min-width: 0 !important; padding: 0 !important; background: #fff; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .box-image > div:first-child {  position: relative; aspect-ratio: 1; padding: 0 !important; overflow: hidden; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .box-image > div:first-child > a {  display: block; width: 100%; height: 100%; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .box-image img {  width: 100%; height: 100%; padding: 8px; object-fit: contain; box-sizing: border-box; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .box-text-products {  display: flex; flex-direction: column; flex: 1; width: 100%; height: auto !important;  /* Ghi đè chiều cao đồng đều do Flatsome đặt trực tiếp. */ padding: 10px 12px 14px; text-align: left; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .product-cat {  display: none; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .product-title {  height: auto !important; margin: 0 0 6px; font-size: 14px; font-weight: 400; line-height: 1.4; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .product-title a {  display: block; overflow: hidden; color: #454545; text-overflow: ellipsis; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price-wrapper {  height: auto !important; margin-top: auto; min-height: 3.1em; text-align: left; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price {  display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: baseline !important; gap: 2px 6px; margin: 0; color: #d90000; font-size: 15px; font-weight: 700; line-height: 1.35 !important; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price ins {  order: 0 !important; margin: 0 !important; background: transparent !important; color: #d90000; font-size: inherit !important; font-weight: 700 !important; text-decoration: none !important; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price ins .amount, .product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price > .amount {  color: #d90000 !important; font-size: inherit; font-weight: 700 !important; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price del {  order: 1 !important; margin: 0 !important; color: #888 !important; font-size: 13px !important; font-weight: 400; line-height: 1.35; opacity: 1 !important; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price del .amount {  color: inherit !important; font-weight: 400 !important; }

/* Tương thích với mã định dạng giá cũ khi còn hoạt động. */
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .flatsome-price-sub {  order: 1 !important; margin: 0 !important; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price-percentage {  display: none;  /* Phần trăm giảm giá đã hiển thị trong huy hiệu trên ảnh. */ }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .badge-container {  top: 8px !important; right: auto !important; left: 0 !important; margin: 0 !important; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .badge {  width: auto; height: auto; margin: 0; }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .badge-inner.on-sale {  display: block; min-width: 0; padding: 6px 9px; border-radius: 6px 16px 16px 0; background: #d90000 !important; color: #fff !important; font-size: 12px; font-weight: 700; line-height: 1.25; white-space: nowrap; }
@media (max-width: 549px) {
  .product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .box-text-products {  padding: 8px 9px 11px; }
  .product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .product-title {  font-size: 14px; }
  .product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price {  font-size: 14px; }
  .product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .price del {  font-size: 11px !important; }
}
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) { display:flex;align-items:stretch }
.product-small.col:not(:where(.tdfs-section *, .td-flash-sale-area *)) .title-wrapper { min-height:2.8em;margin-bottom:6px }

/* Thanh Digital /tintuc: newspaper layout, scoped to the news portal. */
.page-id-5743 #main{background:#fff}.page-id-5743 .page-wrapper{padding:0}.page-id-5743 .page-title{display:none}
.tdn-portal{--news-red:#b51f2c;max-width:1200px;margin:0 auto;padding:28px 20px 40px;color:#222;font-size:15px;line-height:1.55;font-family:inherit}
.tdn-portal *{box-sizing:border-box}.tdn-portal a{color:inherit;text-decoration:none}.tdn-portal a:hover{color:var(--news-red)}.tdn-portal a:focus-visible,.tdn-portal input:focus-visible,.tdn-portal button:focus-visible{outline:2px solid var(--news-red);outline-offset:3px}
.tdn-portal h1,.tdn-portal h2,.tdn-portal h3,.tdn-portal p{margin:0}.tdn-portal h2,.tdn-portal h3{font-family:inherit;letter-spacing:0;text-transform:none;color:#222}
.tdn-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px}.tdn-edition{font-size:10px;letter-spacing:2.5px;color:#8a8a8a;font-weight:700}.tdn-masthead h1{font-weight:700;font-size:34px;line-height:1.3;font-family:inherit;margin:6px 0;color:#222}.tdn-masthead h1 em{color:var(--news-red);font-style:normal}.tdn-masthead p{font-size:13px;color:#777}.tdn-tools{min-width:235px}.tdn-date{display:block;font-size:12px;color:#777;text-align:right;margin-bottom:12px}.tdn-tools form{display:flex;align-items:center;border:1px solid #ddd;border-radius:3px}.tdn-tools input[type=search]{width:100%;min-width:0;height:38px;margin:0;border:0;box-shadow:none;background:#fff;font-size:13px}.tdn-tools button{display:flex;align-items:center;justify-content:center;margin:0;padding:0 12px;min-height:38px;border:0;background:none;color:#777}
.tdn-nav{display:flex;gap:22px;align-items:center;overflow-x:auto;border-top:2px solid #333;border-bottom:1px solid #ddd;padding:13px 0;margin-bottom:26px;scrollbar-width:thin}.tdn-nav a{white-space:nowrap;font-size:13px;font-weight:600}.tdn-nav .tdn-current{color:var(--news-red)}
.tdn-top{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(230px,1fr);gap:26px;padding-bottom:28px;border-bottom:1px solid #ddd}.tdn-lead{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.tdn-image{display:block;overflow:hidden;background:#f3f3f3;aspect-ratio:1.6}.tdn-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.tdn-card:hover .tdn-image img{transform:scale(1.025)}.tdn-copy{min-width:0}.tdn-kicker{display:block;color:var(--news-red)!important;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}.tdn-lead h3{font-size:26px;line-height:1.28;margin-bottom:12px}.tdn-copy p{font-size:14px;line-height:1.6;color:#555;margin:9px 0}.tdn-card time{font-size:11px;color:#999;display:block;margin-top:9px}
.tdn-top-briefs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;padding-top:22px;border-top:1px solid #e5e5e5}.tdn-brief{display:grid;grid-template-columns:115px 1fr;gap:12px}.tdn-brief h3{font-size:17px;line-height:1.4}.tdn-highlights{border-left:1px solid #e5e5e5;padding-left:24px}.tdn-highlights>h2{font-size:19px;border-bottom:2px solid var(--news-red);display:inline-block;padding-bottom:5px;margin-bottom:16px}.tdn-highlight+.tdn-highlight{margin-top:18px;padding-top:18px;border-top:1px solid #e5e5e5}.tdn-highlight .tdn-image{display:none}.tdn-highlight h3{font-size:19px;line-height:1.4}.tdn-highlight p{font-size:13px}
.tdn-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:30px;padding-top:28px}.tdn-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid #ddd}.tdn-section-heading h2{font-size:23px;position:relative}.tdn-section-heading h2:after{content:'';position:absolute;left:0;bottom:-13px;width:45px;border-bottom:2px solid var(--news-red)}.tdn-section-heading>span{font-size:11px;color:#999}.tdn-latest>.tdn-card{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #e6e6e6}.tdn-latest>.tdn-card:nth-child(2){padding-top:0}.tdn-list h3{font-size:18px;line-height:1.35}.tdn-list p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px}.tdn-list .tdn-kicker{font-size:9px}.tdn-list time{font-size:10px}.tdn-sections{border-left:1px solid #ddd;padding-left:28px}.tdn-topic{margin-bottom:32px}.tdn-more{font-size:11px;color:#888!important;white-space:nowrap}.tdn-topic-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}.tdn-topic-lead h3{font-size:21px;line-height:1.35}.tdn-topic-lead p{font-size:13px}.tdn-topic ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.tdn-topic li{margin:0;padding:12px 0;border-top:1px solid #eee;font-weight:700;font-size:15px;line-height:1.45;font-family:inherit}
.tdn-popular{border-top:2px solid #333;margin-top:26px;padding-top:22px}.tdn-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.tdn-popular-card h3{font-size:18px;line-height:1.4}.tdn-popular-card .tdn-image{margin-bottom:12px}.tdn-end{margin-top:36px;border-top:1px solid #ddd;padding:22px 0;display:flex;align-items:center;gap:22px}.tdn-end>span{font-size:13px;font-weight:700;color:var(--news-red);letter-spacing:1px}.tdn-end p{font-size:12px;flex:1;color:#777}.tdn-end>a{font-size:12px;font-weight:600}
@media(max-width:950px){.tdn-top{grid-template-columns:minmax(0,2.2fr) minmax(180px,1fr);gap:20px}.tdn-lead{grid-template-columns:1fr}.tdn-lead h3{font-size:27px}.tdn-brief{grid-template-columns:1fr}.tdn-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px}.tdn-latest>.tdn-card{grid-template-columns:90px 1fr}.tdn-topic-lead{grid-template-columns:1fr}.tdn-sections{padding-left:20px}.tdn-section-heading>span{display:none}}
@media(max-width:600px){.tdn-portal{padding:20px 15px 24px}.tdn-masthead{display:block;padding-bottom:18px}.tdn-masthead h1{font-size:28px}.tdn-masthead p{font-size:11px}.tdn-tools{min-width:0;margin-top:16px;display:flex;align-items:center;gap:12px}.tdn-tools form{flex:1}.tdn-date{font-size:10px;text-align:left;margin:0;max-width:100px}.tdn-nav{gap:20px;padding:12px 0;margin-bottom:20px}.tdn-top{grid-template-columns:1fr;gap:20px}.tdn-lead{gap:14px}.tdn-lead h3{font-size:25px}.tdn-copy p{font-size:14px}.tdn-top-briefs{gap:16px;margin-top:18px;padding-top:18px}.tdn-brief h3{font-size:17px}.tdn-highlights{border-left:0;padding:18px 0 0;border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tdn-highlights>h2{grid-column:1/-1;margin-bottom:0;width:max-content}.tdn-highlight+.tdn-highlight{margin:0;padding:0;border:0}.tdn-highlight h3{font-size:17px}.tdn-highlight p{font-size:12px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tdn-body{grid-template-columns:1fr;padding-top:22px}.tdn-latest>.tdn-card{grid-template-columns:110px 1fr}.tdn-list h3{font-size:18px}.tdn-list p{font-size:12px}.tdn-sections{border:0;padding:0}.tdn-topic-lead{grid-template-columns:125px 1fr;gap:14px}.tdn-topic-lead h3{font-size:18px}.tdn-topic-lead p{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tdn-topic ul{gap:0 16px}.tdn-topic li{font-size:15px}.tdn-section-heading h2{font-size:22px}.tdn-popular-grid{grid-template-columns:1fr 1fr;gap:22px 16px}.tdn-popular-card h3{font-size:17px}.tdn-end{flex-wrap:wrap;gap:10px}.tdn-end p{flex-basis:100%}.tdn-masthead .tdn-tools input{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tdn-image img{transition:none}.tdn-card:hover .tdn-image img{transform:none}}