/* Tudepoint editorial refinement; scoped to the site's public pages. */
:root { --tdp-ink:#172539; --tdp-navy:#11325a; --tdp-accent:#c83732; --tdp-line:#e6eaf0; }
body { color:var(--tdp-ink); font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
body .dt-container-md { max-width:1240px; }
body a { text-underline-offset:.18em; }
body a:focus-visible, body button:focus-visible, body input:focus-visible { outline:3px solid #e6a927; outline-offset:3px; }
body .dt_navbar-menus { box-shadow:0 3px 14px rgba(16,35,59,.09); }
body .dt_navbar-nav a { font-weight:650; }
/* NewsMunch measures the header before lazy-loaded images settle and leaves
   an oversized inline min-height on this wrapper. */
body #dt_header .dt_header-navwrapper { min-height:0 !important; }
body #dt_header .dt_navbar-inner .dt-row { justify-content:center; }
body #dt_header .dt_navbar-inner .site--logo { text-align:center; }
body #dt_header .dt_navbar-inner .tudepoint-brand { margin-inline:auto; }
@media (min-width:992px) {
  body #dt_header .dt_navbar-inner .dt-row > .dt-col-md:first-child,
  body #dt_header .dt_navbar-inner .dt-row > .dt-col-md:last-child { display:none; }
  body #dt_header .dt_navbar-inner .dt-row > .dt-col-md:nth-child(2) { flex:0 1 840px !important; width:100%; max-width:840px !important; }
  body #dt_header .dt_navbar-inner .tudepoint-brand { width:min(100%,800px) !important; }
}
/* Collapsed preview sections must not reserve an empty banner slot. */
body.home .main-banner-section:not(:has(.post)),
body.home .main-featured-section:not(:has(.post)),
body.home .exclusive-wrapper:not(:has(.exclusive-tags li, .exclusive-posts a)) { display:none; }
body.home .exclusive-wrapper { margin-bottom:18px; }
body .site--logo img { max-height:92px; width:auto; object-fit:contain; }
/* Wide brand asset replaces the tiny three-column logo slot. */
body #dt_header .dt_navbar-inner,
body #dt_header .dt_mobilenav-main { background-color:#fff !important; background-image:none !important; }
body #dt_header .dt_navbar-inner.data-bg-image::before,
body #dt_header .dt_mobilenav-main.data-bg-image::before { content:none !important; }
body #dt_header .dt_navbar-inner > .dt-container-md > .dt-row { align-items:center; padding-top:8px; padding-bottom:8px; }
body #dt_header .dt_navbar-inner > .dt-container-md > .dt-row > .dt-col-md-3 { flex:0 0 75%; max-width:75%; }
body #dt_header .dt_navbar-inner > .dt-container-md > .dt-row > .dt-col-md-9 { flex:0 0 25%; max-width:25%; }
body #dt_header .site--logo .tudepoint-brand { display:block; width:min(100%,850px); }
body #dt_header .site--logo .tudepoint-brand img { display:block; width:100% !important; max-width:none !important; max-height:none !important; height:auto !important; }
body #dt_header .dt_navbar-banner-item { display:none; }
/* Reserve the navigation bar for category links and search. */
body #dt_header .dt_navbar-menus .dt_navbar-menu { display:flex; justify-content:space-between; gap:12px; flex-wrap:nowrap; }
body #dt_header .dt_navbar-menus .dt_navbar-nav { display:flex; flex:1 1 auto; min-width:0; align-items:center; }
body #dt_header .dt_navbar-menus .dt_navbar-mainmenu { display:flex; align-items:center; flex-wrap:nowrap; min-width:0; }
body #dt_header .dt_navbar-menus .dt_navbar-mainmenu > li { flex:0 0 auto; }
body #dt_header .dt_navbar-menus .dt_home-icon { display:none !important; }
body #dt_header .dt_navbar-menus .dt_navbar-mainmenu > li > a,
body #dt_header .dt_navbar-menus .dt_home-icon a { padding:15px 8px; font-size:clamp(11px,.85vw,14px); white-space:nowrap; }
body #dt_header .dt_navbar-menus .dt_navbar-mainmenu > .menu-item-has-children > a { padding-right:24px; }
body #dt_header .dt_navbar-menus .dt_navbar-mainmenu > .menu-item-has-children > a::after { right:8px; }
body #dt_header .dt_navbar-menus .dt_navbar-right { flex:0 0 auto; }
body #dt_header .dt_navbar-menus .dt_navbar-right .dt_navbar-list-right > li:not(.dt_navbar-search-item) { display:none; }
body #dt_header .dt_navbar-menus .dt_navbar-list-right { margin:0; }
/* Article copy and headline: sturdy type with comfortable measure. */
body.single-post .post-single .post-header h1.title {
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:clamp(2rem,3.5vw,3.1rem);
  font-weight:800;
  line-height:1.17;
  letter-spacing:-.025em;
  color:#15263a;
}
body.single-post .post-single .post-content {
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:18px;
  font-weight:500;
  line-height:1.8;
  color:#202b38;
}
body.single-post .post-single .post-content p { margin:0 0 1.25em; }
body.single-post .post-single .post-content h2,
body.single-post .post-single .post-content h3 { font-family:inherit; font-weight:800; line-height:1.25; color:#15263a; }
body .widget-header { margin-bottom:22px; }
/* Category section headings authored as colored blocks in the homepage. */
body.home .content-right h2.has-background,
body.home .content-right h3.has-background,
body.home .content-right h2[style*="background"],
body.home .content-right h3[style*="background"] {
  background:#e96312 !important;
  color:#fff !important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(1.05rem,1.6vw,1.3rem) !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:.025em;
  text-transform:uppercase;
  padding:10px 16px !important;
  margin:28px 0 18px !important;
  border-radius:3px;
}
body .widget-header .widget-title { font-size:clamp(1.15rem,1.8vw,1.5rem); line-height:1.3; letter-spacing:-.018em; }
body .post h2, body .post h3, body .post h4 { line-height:1.32; letter-spacing:-.018em; overflow-wrap:anywhere; }
body .post .post-title a:hover, body .post h2 a:hover, body .post h3 a:hover { color:var(--tdp-accent); }
body .post img { max-width:100%; }
body .post .post-meta, body .post .post-meta a { font-size:.83rem; }
body .main-banner-section { padding-block:22px; }
body .main-banner-section .dt-row { align-items:stretch; }
body .main-banner-section .post { overflow:hidden; }
body .main-banner-section .post h2, body .main-banner-section .post h3 { line-height:1.22; }
/* The source layout puts three dense news panels in one narrow row. */
body .main-banner-section.style-1 > .dt-container-md > .dt-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
}
body .main-banner-section.style-1 > .dt-container-md > .dt-row > [class*="dt-col-"] {
  width:auto;
  max-width:none;
  min-width:0;
  padding:0;
}
body .main-banner-section.style-1 > .dt-container-md > .dt-row > [class*="dt-col-"]:first-child { grid-column:1 / -1; }
body .main-banner-section .post-carousel-banner { min-width:0; overflow:hidden; }
body .main-banner-section .slick-list { min-width:0; overflow:hidden; }
body .main-banner-section .featured-post-lg .post-title { font-size:clamp(1.5rem,3vw,2.4rem); line-height:1.18; }
body .main-banner-section .featured-post-lg .details { padding:24px 30px; }
body .main-banner-section .featured-post-lg .thumb .inner { height:470px; }
body .main-banner-section .post_columns-grid .post-title { font-size:clamp(1.1rem,1.8vw,1.45rem); line-height:1.25; }
body .main-banner-section .post_columns-grid .details { padding:18px 22px; }
body .main-banner-section .post .meta { font-size:.76rem; line-height:1.4; }
body .main-banner-section .post .meta .list-inline-item { margin-right:8px; }
body .main-banner-section .dt_tabs.post-tabs .post-list-sm .post-title { font-size:1rem; line-height:1.38; }
body .main-banner-section .dt_tabs.post-tabs .post-list-sm { min-width:0; }
body .exclusive-wrapper .exclusive-tags ul { display:flex; flex-wrap:wrap; gap:5px 8px; }
body .exclusive-wrapper .exclusive-tags li { max-width:100%; }
body .exclusive-wrapper .exclusive-tags a { white-space:normal; line-height:1.35; }
body .post-list-sm { border:1px solid var(--tdp-line); border-radius:8px; }
/* Keep each Featured Story carousel card level despite different title lengths. */
body .main-featured-section .featured-posts-carousel.slick-initialized .slick-track { display:flex; align-items:stretch; }
body .main-featured-section .featured-posts-carousel.slick-initialized .slick-slide.post { display:flex; flex-direction:column; height:auto; }
body .main-featured-section .featured-posts-carousel .post > .thumb { flex:none; }
body .main-featured-section .featured-posts-carousel .post > .details { flex:1; display:flex; flex-direction:column; }
body .main-featured-section .featured-posts-carousel .post > .details > .meta { margin-top:0; padding-top:10px; }
body .main-featured-section .tdp-featured-excerpt { margin:10px 0 8px; font-size:.88rem; line-height:1.5; color:#405067; overflow-wrap:anywhere; }
body .main-featured-section .tdp-featured-more { display:inline-block; align-self:flex-start; color:#0d4fb6; font-size:.85rem; font-weight:700; line-height:1.35; text-decoration:underline; text-underline-offset:2px; }
body .main-featured-section .tdp-featured-more:hover, body .main-featured-section .tdp-featured-more:focus-visible { color:#bf3b1b; }
/* Also release pages served from an old cached header containing the preloader. */
body .dt_preloader { display:none !important; }
/* Posts on empty parent pages such as Berita and Topik Lainnya. */
body .tdp-landing { padding:12px 0 36px; }
body .tdp-landing > h2 { margin:0 0 22px; padding-bottom:12px; border-bottom:3px solid #e96312; font:800 clamp(1.45rem,2vw,1.9rem)/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:#162b44; }
body .tdp-landing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
body .tdp-landing-card { min-width:0; overflow:hidden; background:#fff; border:1px solid var(--tdp-line); border-radius:8px; box-shadow:0 5px 18px rgba(16,35,59,.06); }
body .tdp-landing-image { display:block; aspect-ratio:16/9; background:#edf1f5; overflow:hidden; }
body .tdp-landing-image img { display:block; width:100%; height:100%; object-fit:cover; }
body .tdp-landing-copy { padding:18px 20px 20px; }
body .tdp-landing-category { display:inline-block; color:#b9450a; font:800 .76rem/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; text-transform:uppercase; letter-spacing:.035em; }
body .tdp-landing-card h3 { margin:9px 0; font:750 clamp(1.08rem,1.5vw,1.3rem)/1.35 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:#172539; }
body .tdp-landing-card h3 a:hover { color:#c83732; }
body .tdp-landing-card time { display:block; color:#687788; font-size:.82rem; }
body .tdp-landing-card p { margin:11px 0 0; color:#48566a; font-size:.94rem; line-height:1.6; }
body .dt_tabslist button { min-height:42px; }
body.single-post .entry-content, body.single-post .post-content { font-size:1.08rem; line-height:1.85; overflow-wrap:break-word; }
body.single-post .entry-content p, body.single-post .post-content p { margin-bottom:1.25em; }
body.single-post .entry-content img, body.single-post .post-content img { height:auto; }
@media (max-width:991px) {
  body #dt_header .dt_mobilenav .dt_navbar-banner-item { display:none; }
  body #dt_header .dt_mobilenav-logo .tudepoint-brand { width:min(100%,240px); }
  body #dt_header .dt_mobilenav-logo .tudepoint-brand img { width:100% !important; max-width:none !important; max-height:none !important; height:auto !important; }
  body .main-banner-section.style-1 > .dt-container-md > .dt-row { grid-template-columns:1fr; gap:22px; }
  body .main-banner-section.style-1 > .dt-container-md > .dt-row > [class*="dt-col-"]:first-child { grid-column:auto; }
  body .dt_mobilenav-main { box-shadow:0 3px 12px rgba(16,35,59,.12); }
  body .dt_mobilenav-logo img { max-height:54px; width:auto; }
  body .main-banner-section { padding-block:18px; }
}
@media (max-width:767px) {
  body .tdp-landing-grid { grid-template-columns:1fr; gap:18px; }
  body.single-post .post-single .post-content { font-size:17px; line-height:1.75; }
  body.single-post .post-single .post-header h1.title { font-size:clamp(1.7rem,7vw,2.2rem); }
  body .dt-container-md { width:calc(100% - 28px); }
  body .main-banner-section .dt-row { row-gap:18px; }
  body .main-banner-section .post h2, body .main-banner-section .post h3 { font-size:clamp(1.15rem,5vw,1.6rem); }
  body .main-banner-section .featured-post-lg .details { padding:18px 18px 24px; }
  body .main-banner-section .featured-post-lg .thumb .inner { height:360px; }
  body .main-banner-section .featured-post-lg .post-title { font-size:1.4rem; }
  body .widget-header { margin-bottom:16px; }
  body .post-list-sm { padding:12px; }
  body.single-post .entry-content, body.single-post .post-content { font-size:1rem; line-height:1.75; }
}
@media (prefers-reduced-motion:reduce) {
  body *, body *::before, body *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}