/* BOPELNEWS CMS v1.4.1 — Editorial reading and professional navigation.
   Loaded after v1.4.0 styles; respects existing theme variables. */
.newsroom .site-header{border-bottom:1px solid #dfe5ee;box-shadow:0 2px 16px rgba(13,37,69,.06)}
.newsroom .site-header .masthead{gap:18px}.newsroom .nav-wrapper{border-top:1px solid #e9edf4}
.newsroom .nav-row-v14{min-height:55px;gap:18px}
.newsroom .editorial-nav{display:flex;align-items:stretch;gap:clamp(16px,2.1vw,30px)}
.newsroom .editorial-nav>a,.newsroom .editorial-nav summary{font-size:12px;font-weight:740;letter-spacing:.025em;min-height:52px;display:inline-flex;align-items:center;gap:7px;line-height:1.3;white-space:nowrap;color:var(--v14-navy,#0f3265);position:relative}
.newsroom .editorial-nav>a::after,.newsroom .editorial-nav summary::after{content:"";position:absolute;bottom:0;left:0;right:100%;height:2px;background:var(--brand,#1e4c9a);transition:right .2s ease}
.newsroom .editorial-nav>a:hover::after,.newsroom .editorial-nav summary:hover::after,.newsroom .nav-dropdown[open] summary::after{right:0}
.newsroom .nav-dropdown summary{padding:0;outline-offset:4px;list-style:none}
.newsroom .nav-chevron{width:14px;height:14px;transition:transform .18s ease;opacity:.8;flex:none}
.newsroom .nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.newsroom .nav-dropdown-panel{left:-14px;min-width:216px;top:calc(100% - 1px);padding:8px;background:#fff;border:1px solid #e2e8f1;border-radius:0 0 12px 12px;box-shadow:0 18px 36px rgba(12,39,78,.14);gap:3px}
.newsroom .nav-dropdown-panel a{font-size:12px!important;font-weight:620!important;border-radius:7px;padding:12px!important;white-space:normal;line-height:1.35!important}
.newsroom .nav-dropdown-panel a:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.newsroom .nav-dropdown-panel a:hover{background:#f0f5fc;color:var(--brand)}
.newsroom .desktop-search-inline{margin-left:auto;min-width:0;align-items:stretch;gap:5px}
.newsroom .desktop-search-inline input{min-height:39px;max-width:240px;border:1px solid #d7e0ec;border-radius:7px;padding:9px 12px;font-size:12px;outline-offset:2px}
.newsroom .desktop-search-inline button{border-radius:7px;padding:8px 15px;font-weight:750}
.newsroom .mobile-nav{background:white;box-shadow:0 18px 22px rgba(13,37,69,.08)}

/* Premium reading rhythm and fully responsive long-form content. */
.newsroom .article-page{padding-top:30px;padding-bottom:80px}
.newsroom .breadcrumbs{background:#f1f5fa;border-radius:8px;padding:11px 14px;margin-bottom:21px;font-size:11px;line-height:1.4;color:#60718c;gap:7px}
.newsroom .breadcrumbs a{color:var(--brand);font-weight:650}
.newsroom .article-layout{gap:26px;align-items:start}
.newsroom .post-detail{border:1px solid #e0e6ef;border-radius:13px;box-shadow:0 8px 32px rgba(13,40,79,.04);padding:clamp(23px,3vw,43px);min-width:0}
.newsroom .post-detail>h1{font-size:clamp(29px,3.4vw,47px);font-weight:790;line-height:1.17;letter-spacing:-.042em;margin:15px 0 15px;color:#122c53;overflow-wrap:break-word}
.newsroom .post-lead{font-size:clamp(15px,1.25vw,18px);line-height:1.72;color:#5b6980;letter-spacing:0;margin-bottom:23px}
.newsroom .post-info{border-color:#e7ecf2;padding:0 0 20px;margin-bottom:23px;gap:11px}
.newsroom .post-info small{font-size:11px;line-height:1.6;margin-top:3px}
.newsroom .post-cover{margin-bottom:28px}.newsroom .post-cover img{border-radius:10px;max-height:none;aspect-ratio:16/9;object-fit:cover}
.newsroom .post-cover figcaption{font-size:11px;line-height:1.5;color:#6c7c92;padding-top:9px}
.newsroom .article-body{font-size:16px;line-height:1.89;letter-spacing:.001em;color:#283950;overflow-wrap:anywhere}
.newsroom .article-body p{margin:0 0 24px}
.newsroom .article-body h2,.newsroom .article-body h3,.newsroom .article-body h4{scroll-margin-top:175px;line-height:1.36;color:#102b50;overflow-wrap:anywhere}
.newsroom .article-body h2{font-size:clamp(22px,2vw,29px);margin:42px 0 16px;letter-spacing:-.03em;font-weight:760}
.newsroom .article-body h3{font-size:clamp(18px,1.5vw,22px);margin:30px 0 13px;font-weight:730;letter-spacing:-.015em}
.newsroom .article-body h4{font-size:17px;margin:23px 0 12px}
.newsroom .article-body :is(ul,ol){margin:0 0 25px;padding-left:27px}.newsroom .article-body li{padding-left:5px;margin:0 0 9px;line-height:1.76}
.newsroom .article-body li::marker{color:var(--brand)}
.newsroom .article-body blockquote{margin:28px 0;border-left:4px solid var(--brand);border-radius:0 10px 10px 0;background:#f4f7fc;padding:21px 24px;color:#344a69;font-size:15px;font-style:italic;line-height:1.8}
.newsroom .article-body blockquote p:last-child{margin-bottom:0}
.newsroom .article-body a{text-decoration:underline;text-underline-offset:3px;color:var(--brand)}
.newsroom .article-body a:hover{color:#113b7a}
.newsroom .article-body :is(img,figure){max-width:100%}.newsroom .article-body img{border-radius:8px;margin:14px auto 8px;height:auto}
.newsroom .article-body figcaption{font-size:11px;color:#728098;text-align:center;line-height:1.5;margin-bottom:14px}
.newsroom .article-body table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:24px 0;border:1px solid #dae2ed;border-radius:8px;font-size:13px}
.newsroom .article-body :is(th,td){padding:12px 15px!important;border:1px solid #e3e9f0!important;text-align:left;white-space:normal;min-width:75px;line-height:1.45}
.newsroom .article-body th{background:#edf3fa;color:#18385f;font-weight:740}
.newsroom .article-body tr:nth-child(even) td{background:#fafbfd}
.newsroom .article-body pre{max-width:100%;overflow:auto;background:#101f37;color:#eaf2ff;border-radius:10px;padding:18px;font-size:13px;line-height:1.6}
.newsroom .article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.newsroom .share-row{border-color:#e6eaf1;gap:10px;margin-top:35px;padding-top:22px}
.newsroom .share-row :is(a,button){border:1px solid #dce4ef;border-radius:8px;padding:10px 13px;background:#fff;color:#183459;transition:background .15s ease,border-color .15s ease}
.newsroom .share-row :is(a,button):hover{border-color:var(--brand);background:#f0f5fc}
.newsroom .author-card{background:#f3f7fb;border:1px solid #dfe7f1;border-radius:11px;align-items:center}
.newsroom .article-sidebar .side-block{border:1px solid #e4e9f0;border-radius:10px}

/* Generated article TOC: accessible, collapsible, hierarchical. */
.article-toc{border:1px solid #dce6f1;border-radius:12px;background:linear-gradient(140deg,#f8fbff,#fff);margin:27px 0 34px;overflow:hidden}
.article-toc-head{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #e4eaf2;min-height:70px}
.article-toc-icon{width:34px;height:34px;border-radius:10px;background:#e9f1fd;color:var(--brand);font-size:27px;line-height:30px;display:grid;place-items:center;font-weight:700;flex:none}
.article-toc-head>div{flex:1;min-width:0}.article-toc-head strong{font-size:16px;font-weight:790;color:#17355d;display:block}.article-toc-head small{display:block;font-size:11px;color:#6b7d95;margin-top:4px}
.article-toc-toggle{display:inline-flex;align-items:center;gap:8px;flex:none;border:1px solid #dce6f0;border-radius:8px;background:white;color:#33547e;padding:9px 11px;font-size:11px;font-weight:750;cursor:pointer}
.article-toc-toggle svg{transition:transform .18s}.article-toc.is-collapsed .article-toc-toggle svg{transform:rotate(180deg)}
.article-toc-list{list-style:none;margin:0;padding:12px 20px 16px!important;display:grid;gap:2px;counter-reset:none}
.article-toc.is-collapsed .article-toc-list{display:none}
.article-toc-list li{padding:0!important;margin:0!important;list-style:none;min-width:0}
.article-toc-list li.toc-depth-3{margin-left:27px!important}
.article-toc-list a{display:flex;align-items:baseline;gap:12px;border-left:2px solid transparent;border-radius:3px;color:#244769;text-decoration:none!important;font-size:12.5px;font-weight:630;padding:10px 12px;line-height:1.48;overflow-wrap:anywhere;transition:background .15s,border-color .15s,color .15s}
.article-toc-list a span{font-size:10px;color:#7890ae;flex:0 0 20px;font-weight:800}
.article-toc-list a:hover,.article-toc-list a.active{background:#eaf2fd;border-left-color:var(--brand);color:var(--brand)}
.article-toc-list .toc-depth-3 a{font-size:12px;font-weight:500;color:#586d89}
@media(max-width:1050px){.newsroom .nav-row-v14{gap:12px}.newsroom .editorial-nav{gap:18px}}
@media(max-width:800px){.newsroom .article-page{padding-top:16px}.newsroom .post-detail{padding:24px}.newsroom .article-layout{display:block}.newsroom .article-sidebar{display:none}.newsroom .site-header .masthead{min-height:70px}.newsroom .article-body{font-size:15.5px;line-height:1.82}.article-toc-head{padding:14px}.article-toc-list{padding:8px 12px 12px!important}}
@media(max-width:520px){.newsroom .post-detail{padding:17px}.newsroom .post-detail>h1{font-size:28px;line-height:1.17}.newsroom .post-lead{font-size:15px}.newsroom .breadcrumbs{font-size:10px}.newsroom .article-body{font-size:15px;line-height:1.8}.newsroom .article-body h2{font-size:22px;margin-top:33px}.newsroom .article-body h3{font-size:19px}.newsroom .article-body blockquote{padding:15px 17px;font-size:14px}.newsroom .post-cover img{border-radius:8px}.article-toc-head strong{font-size:14px}.article-toc-head small{font-size:10px}.article-toc-toggle{padding:8px;font-size:10px}.article-toc-list li.toc-depth-3{margin-left:12px!important}.article-toc-list a{font-size:12px;padding:9px 8px}.newsroom .share-row{gap:7px}.newsroom .share-row :is(a,button){padding:8px 10px}.newsroom .post-info small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.newsroom .nav-chevron,.article-toc-toggle svg,.article-toc-list a{transition:none}}
/* Comfortable measure for long paragraphs without constraining photographs. */
.newsroom .article-body{max-width:77ch}
.newsroom .article-toc{max-width:77ch}
/* Preserve the original v1.4 mobile navigation visibility rules. */
@media(max-width:800px){.newsroom .editorial-nav{display:none!important}.newsroom .nav-wrapper{display:none!important}}

/* v1.4.2 — Consistent rectangular Search CTA, same border language as Masuk Redaksi. */
.newsroom .desktop-search-inline{gap:7px;align-items:stretch}
.newsroom .desktop-search-inline input{min-height:44px;border:1px solid #cdd9e7;border-radius:3px;box-shadow:none}
.newsroom .desktop-search-inline button,
.newsroom .nav-search button,
.newsroom .mobile-nav form button{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 19px;border:1px solid var(--brand,#214fbb);
  border-radius:3px!important;background:var(--brand,#214fbb)!important;
  color:var(--brand-on-primary,#fff)!important;font-weight:750;font-size:12px;
  line-height:1.2;white-space:nowrap;box-shadow:none;
  transition:filter .18s ease,border-color .18s ease;
}
.newsroom .desktop-search-inline button:hover,
.newsroom .nav-search button:hover,
.newsroom .mobile-nav form button:hover{filter:brightness(.9)}
.newsroom .desktop-search-inline button:focus-visible,
.newsroom .nav-search button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:520px){.newsroom .mobile-nav form input{min-width:0;width:100%;border-radius:3px}.newsroom .mobile-nav form button{min-width:64px;padding:0 12px}}

/* Automatically readable editorial content, including existing pasted articles. */
.newsroom .article-body{font-size:clamp(15px,1.14vw,17px);line-height:1.92;letter-spacing:.003em}
.newsroom .article-body > p{max-width:74ch;hyphens:auto;margin-bottom:1.55em}
.newsroom .article-body > p:first-child{font-size:1.055em;line-height:1.88}
.newsroom .article-body :is(h2,h3,h4){margin-top:1.8em;margin-bottom:.65em;scroll-margin-top:110px}
.newsroom .article-body figure{max-width:100%;margin:30px 0}
.newsroom .article-body img{max-width:100%;height:auto;display:block;object-fit:contain}
.newsroom .article-body :is(ul,ol){padding-left:1.6rem}
.newsroom .article-body :is(table,pre){max-width:100%;overflow-x:auto;word-break:normal}
.newsroom .article-body a{overflow-wrap:anywhere}
@media(max-width:520px){.newsroom .article-body{font-size:15.5px;line-height:1.83}.newsroom .article-body > p{margin-bottom:1.45em}}