.source-nav a {
    color: #434653 !important;
    border-bottom-color: transparent !important;
  }

  .source-nav a.source-nav-active {
    color: #0047ab !important;
    border-bottom-color: #0047ab !important;
  }

  @media (max-width: 767px) {
body > main .mb-4 {
    margin-bottom: 5px !important;
}
    .source-header {
      height: 56px !important;
      overflow: hidden !important;
    }

    .source-header-inner {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 56px !important;
      padding: 0 12px !important;
      gap: 12px !important;
      overflow: hidden !important;
    }

    .source-brand {
      flex: 0 0 auto !important;
      max-width: 96px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      font-size: 18px !important;
    }

    .source-nav {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      height: 56px !important;
      gap: 18px !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }

    .source-nav::-webkit-scrollbar {
      display: none;
    }

    .source-nav a {
      flex: 0 0 auto !important;
      height: 56px !important;
      font-size: 15px !important;
      border-bottom-width: 2px !important;
    }

    body>main {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      padding:60px 0px 10px !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
    }

    body>main * {
      box-sizing: border-box;
    }

    body>main>.grid,
    body>main>div.grid,
    body>main .grid.grid-cols-12,
    body>main .grid.grid-cols-1.lg\:grid-cols-12 {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
    }

    body>main [style*="grid-template-columns"] {
      grid-template-columns: 1fr !important;
    }

    body>main [style*="width:60vw"],
    body>main [style*="min-width:0"] {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }

    body>main>[style*="display:grid"],
    body>main>div[style*="display:grid"],
    body>main>section[style*="display:grid"],
    body>main .home-lower-layout[style*="display:grid"] {
      display: block !important;
    }

    body>main .grid.grid-cols-6 {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 2px !important;
    }

    body>main section>.grid {
      width: 100% !important;
      min-width: 0 !important;
    }

    body>main .grid.grid-cols-3,
    body>main .grid.grid-cols-4,
    body>main .grid.grid-cols-5 {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    body>main .grid.grid-cols-1,
    body>main .grid.grid-cols-2 {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 12px !important;
    }

    body>main .grid.grid-cols-\[1fr_auto_1fr\],
    body>main [class*="grid-cols-[1fr_auto_1fr]"] {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) !important;
      gap: 8px !important;
      align-items: center !important;
    }

    body>main .detail-main-content,
    body>main .home-main-sidebar,
    body>main .detail-main-sidebar,
    body>main aside,
    body>main section,
    body>main article {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }

    body>main .col-span-12,
    body>main .lg\:col-span-4,
    body>main .lg\:col-span-8 {
      width: 100% !important;
      max-width: 100% !important;
    }

    body>main aside {
      margin-top: 18px !important;
    }

    body>main aside section+section {
      margin-top: 12px !important;
    }

    body>main .space-y-gutter>:not([hidden])~:not([hidden]),
    body>main .space-y-8>:not([hidden])~:not([hidden]),
    body>main .space-y-6>:not([hidden])~:not([hidden]),
    body>main .space-y-4>:not([hidden])~:not([hidden]),
    body>main .space-y-3>:not([hidden])~:not([hidden]),
    body>main .space-y-2>:not([hidden])~:not([hidden]) {
      margin-top: 12px !important;
    }

    body>main h1,
    body>main .text-headline-lg,
    body>main .font-headline-lg {
      font-size: 24px !important;
      line-height: 1.3 !important;
    }

    body>main h2,
    body>main .text-title-md,
    body>main .font-title-md {
      font-size: 14px !important;
      line-height: 1.35 !important;
    }

    body>main p,
    body>main .text-body-md {
      font-size: 14px !important;
      line-height: 1.5 !important;
    }

    body>main .text-display-lg,
    body>main .font-display-lg {
      font-size: 28px !important;
      line-height: 1.25 !important;
    }

    body>main img {
      max-width: 100% !important;
      height: auto;
    }

    body>main .relative.w-full.h-\[500px\],
    body>main .h-\[500px\],
    body>main .h-\[520px\],
    body>main section.h-\[520px\] {
      height: auto !important;
      min-height: 220px !important;
    }

    body>main .relative.w-full.h-\[500px\] img,
    body>main .h-\[500px\] img,
    body>main .h-\[520px\] img {
      width: 100% !important;
      height: 220px !important;
      object-fit: cover !important;
      inset: auto !important;
    }

    body>main section.h-\[520px\] {
      position: relative !important;
      overflow: hidden !important;
    }

    body>main section.h-\[520px\]>img {
      display: block !important;
      height: 260px !important;
    }

    body>main section.h-\[520px\] .absolute.bottom-0 {
      position: absolute !important;
      padding: 16px !important;
    }

    body>main .absolute.bottom-0,
    body>main .relative.z-20,
    body>main .relative.z-10 {
      padding: 16px !important;
    }

    body>main header.bg-white {
      padding: 14px !important;
      gap: 14px !important;
      align-items: flex-start !important;
      margin-bottom: 14px !important;
    }

    body>main header.bg-white img {
      width: 88px !important;
      height: 88px !important;
      padding: 6px !important;
    }

    body>main .bg-white,
    body>main .rounded-xl,
    body>main .rounded-lg {
      border-radius: 10px !important;
    }

    body>main .p-8,
    body>main .p-6,
    body>main .p-5 {
      padding: 8px !important;
    }

    body>main .mb-10,
    body>main .mb-8,
    body>main .mb-6 {
      margin-bottom: 16px !important;
    }

    body>main .gap-gutter {
      gap: 14px !important;
    }

    body>main a {
      min-width: 0;
    }

    body>main a.group.flex.flex-col {
      min-height: 110px !important;
      padding: 0px 0px !important;
    }

    body>main a.group.flex.flex-col h2 {
      font-size: 14px !important;
      line-height: 1.25 !important;
    }

    body>main a.group.flex.flex-col .w-20,
    body>main a.group.flex.flex-col .h-20 {
      width: 64px !important;
      height: 64px !important;
    }

    body>main a.group.flex.items-center {
      align-items: flex-start !important;
      gap: 10px !important;
      min-height: 92px !important;
      padding: 5px !important;
    }

    body>main a.group.flex.items-center .w-36 {
      width: 112px !important;
    }

    body>main a.group.flex.items-center .h-20 {
      height: 72px !important;
    }

    body>main a.group.flex.items-center p {
      display: none !important;
    }

    body>main a.group.flex.items-center h2 {
      font-size: 15px !important;
      line-height: 1.35 !important;
      white-space: normal !important;
    }

    body>main a.group.flex.flex-col.md\:flex-row,
    body>main article.flex.flex-col.md\:flex-row {
      display: flex !important;
      flex-direction: column !important;
      gap: 10px !important;
    }

    body>main article.flex.flex-col.md\:flex-row .p-4,
    body>main article.flex.flex-col.md\:flex-row .p-6,
    body>main a.group.flex.flex-col.md\:flex-row .p-4 {
      padding: 2px !important;
    }

    body>main .md\:w-44,
    body>main .md\:w-56 {
      width: 100% !important;
    }

    body>main .h-28,
    body>main .h-40 {
      height: 150px !important;
    }

    body>main .content-rich-text,
    body>main .content-rich-text p {
      font-size: 14px !important;
      line-height: 1.55 !important;
    }

    body>main .content-rich-text img {
      display: block !important;
      width: 100% !important;
      height: auto !important;
      margin: 12px auto !important;
    }

    body>main .aspect-video {
      width: 100% !important;
    }

    body>main .w-20.h-20.rounded-full,
    body>main button.w-20.h-20 {
      width: 56px !important;
      height: 56px !important;
    }

    body>main .text-5xl {
      font-size: 34px !important;
    }

    body>main .w-32.h-32 {
      width: 96px !important;
      height: 96px !important;
    }

    body>main .grid.grid-cols-2.md\:grid-cols-4,
    body>main .grid.grid-cols-1.md\:grid-cols-3,
    body>main .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 10px !important;
    }

    body>main .grid.grid-cols-2.md\:grid-cols-4>div,
    body>main .grid.grid-cols-1.md\:grid-cols-3>div,
    body>main .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3>article {
      padding: 2px !important;
    }

    body>main .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 article img,
    body>main section.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 img {
      height: 132px !important;
      object-fit: cover !important;
    }

    body>main .side-section-head,
    body>main .flex.items-end.justify-between,
    body>main .flex.md\:items-end.justify-between {
      align-items: center !important;
      gap: 10px !important;
    }

    body>main button,
    body>main .section-more-link,
    body>main .side-section-head a {
      min-height: 25px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    body>main .w-20.h-14,
    body>main aside img.w-20.h-14 {
      width: 70px !important;
      height: 46px !important;
      object-fit: cover !important;
    }

    body>main aside .group.flex.gap-3 {
      min-height: 0 !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 2px !important;
    }

    body>main .fixed.bottom-6.right-6 {
      right: 16px !important;
      bottom: 16px !important;
    }

    /* Mobile page-module layout */


    body>main .detail-main-content>section:last-child,
    body>main .detail-main-content>article:last-child {
      margin-bottom: 0 !important;
    }

    body>main .grid[class*="grid-cols-"] {
      width: 100% !important;
      min-width: 0 !important;
    }

    body>main .grid.grid-cols-6>a,
    body>main .grid.grid-cols-5>a,
    body>main .grid.grid-cols-4>a,
    body>main .grid.grid-cols-3>a {
      min-width: 0 !important;
      overflow: hidden !important;
    }

    body>main .grid.grid-cols-6>a {
      min-height: 96px !important;
      padding: 6px 3px !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
    }

    body>main .grid.grid-cols-6>a .w-20,
    body>main .grid.grid-cols-6>a .h-20 {
      width: 48px !important;
      height: 48px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    body>main .grid.grid-cols-6>a img {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
      object-position: center center !important;
    }

    body>main .grid.grid-cols-6>a .mt-2 {
      margin-top: 4px !important;
    }

    body>main .grid.grid-cols-6>a h2,
    body>main .grid.grid-cols-5>a h2,
    body>main .grid.grid-cols-4>a h2,
    body>main .grid.grid-cols-3>a h2 {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    body>main .grid.grid-cols-6>a h2 {
      font-size: 12px !important;
      line-height: 1.2 !important;
    }

    body>main .flex.flex-wrap.gap-2 {
      gap: 8px !important;
    }

    body>main .flex.flex-wrap.gap-2 button,
    body>main .flex.flex-wrap.gap-2 span {
      padding: 6px 12px !important;
      font-size: 14px !important;
      line-height: 1 !important;
    }

    body>main .detail-sports-news article {
      margin: 0 !important;
    }

    body>main .detail-sports-news article+article,
    body>main .detail-sports-news .space-y-4 article+article {
      margin-top: 2px !important;
    }

    body>main .detail-sports-news article img {
      width: 100% !important;
      height: 150px !important;
      object-fit: cover !important;
    }

    body>main .detail-sports-news article h3 {
      font-size: 16px !important;
      line-height: 1.35 !important;
      white-space: normal !important;
    }

    body>main .detail-sports-news article p {
      font-size: 14px !important;
      line-height: 1.45 !important;
    }

    body>main .detail-sports-news article .p-6 {
      padding: 2px 14px 5px !important;
    }

    body>main .detail-sports-news>a {
      margin: 0 !important;
    }

    body>main .detail-sports-news>a+a,
    body>main .detail-sports-news .space-y-4>a+a {
      margin-top: 2px !important;
    }

    body>main .detail-sports-news>a img {
      width: 100% !important;
      height: 150px !important;
      object-fit: cover !important;
    }

    body>main .detail-sports-news>a h3 {
      font-size: 16px !important;
      line-height: 1.35 !important;
      white-space: normal !important;
    }

    body>main aside section {
      padding: 14px !important;
      border-radius: 10px !important;
    }

    body>main aside h2 {
      font-size: 17px !important;
      line-height: 1.3 !important;
    }

    body>main aside a {
      min-height: 0 !important;
    }

    body>main aside .space-y-2>:not([hidden])~:not([hidden]),
    body>main aside .space-y-3>:not([hidden])~:not([hidden]) {
      margin-top: 0 !important;
    }

    body>main aside .space-y-2>a,
    body>main aside .space-y-3>a,
    body>main aside .space-y-4>a {
      font-size: 14px !important;
      line-height: 1.35 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }

    body>main .content-rich-text table,
    body>main table {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: auto !important;
      white-space: nowrap !important;
    }

    body>main iframe,
    body>main video {
      width: 100% !important;
      max-width: 100% !important;
    }

    body>main .rounded-2xl {
      border-radius: 12px !important;
    }

    body>main .shadow-lg,
    body>main .shadow-sm,
    body>main .shadow-md {
      box-shadow: 0 1px 3px rgba(15, 23, 42, .08) !important;
    }

    body>main [class*="line-clamp"] {
      word-break: break-word !important;
    }

    body>main .truncate {
      min-width: 0 !important;
    }

    body>main .material-symbols-outlined {
      flex: none !important;
    }
  }

/* Global page font-size normalization */
body>main,
body>main * {
  font-size: 16px !important;
}

body>main .home-section-title,
body>main .home-section-head h1,
body>main .home-section-head h2,
body>main h1.text-headline-lg,
body>main h1.font-headline-lg,
body>main .detail-main-content h1.text-headline-lg,
body>main .detail-main-content h1.font-headline-lg,
body>main .article-title,
body>main .news-title {
  font-size: 22px !important;
  line-height: 1.3 !important;
}

@media (max-width: 767px) {
  body>main,
  body>main * {
    font-size: 14px !important;
  }

  body>main .home-section-title,
  body>main .home-section-head h1,
  body>main .home-section-head h2,
  body>main h1.text-headline-lg,
  body>main h1.font-headline-lg,
  body>main .detail-main-content h1.text-headline-lg,
  body>main .detail-main-content h1.font-headline-lg,
  body>main .article-title,
  body>main .news-title {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
}
