/* berita.co — page-artikel.css : class yang hanya dipakai halaman ini */
.bc-artikel__box { position:fixed; top:0; left:0; right:0; height:4px; background:transparent; z-index:1200 }
.bc-artikel__box-2 { height:100%; background:var(--bc-red); width:0.0%; transition:width 0.1s linear }
.bc-artikel__main { max-width: var(--bc-container); margin:0 auto; padding:24px 24px 0 }
.bc-breadcrumb { display:flex; align-items:center; gap:8px; font-size: var(--bc-fs-12-5); font-weight:600; color:var(--bc-muted-2); padding-bottom:18px; border-bottom:1px solid var(--bc-line-soft) }
.bc-breadcrumb__link { color:var(--bc-muted-2) }
.bc-breadcrumb__link:hover { color:var(--bc-red) }
.bc-breadcrumb__label { color:var(--bc-line-strong) }
.bc-breadcrumb__label-2 { color:var(--bc-ink) }
.bc-artikel__grid { display:grid; grid-template-columns:280px 1fr; gap:0; padding-top:28px }
.bc-artikel-rail { border-right:1px solid var(--bc-line); padding-right:28px; align-self:start; position:sticky; top:24px; display:flex; flex-direction:column; gap:24px }
.bc-artikel-rail__col { display:flex; flex-direction:column; gap:12px }
.bc-artikel-rail__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-muted-2) }
.bc-artikel-rail__row { display:flex; align-items:center; gap:12px }
.bc-artikel-rail__avatar { width:44px; height:44px; border-radius:50%; background:var(--bc-red); color:var(--bc-white); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-15); font-weight:800; flex-shrink:0 }
.bc-artikel-rail__col-2 { display:flex; flex-direction:column; gap:2px }
.bc-artikel-rail__link { font-size: var(--bc-fs-14-5); font-weight:800 }
.bc-artikel-rail__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-artikel-rail__col-3 { display:flex; flex-direction:column; gap:8px; font-size: var(--bc-fs-12-5); border-top:1px solid var(--bc-line-soft); padding-top:16px }
.bc-artikel-rail__row-2 { display:flex; justify-content:space-between; gap:12px }
.bc-artikel-rail__label-2 { color:var(--bc-muted-2); font-weight:600 }
.bc-artikel-rail__time { font-weight:700 }
.bc-artikel-rail__time-2 { font-weight:700; color:var(--bc-red) }
.bc-artikel-rail__label-3 { font-weight:700 }
.bc-artikel-rail__col-4 { display:flex; flex-direction:column; gap:10px; border-top:1px solid var(--bc-line-soft); padding-top:16px }
.bc-artikel-rail__row-3 { display:flex; gap:8px }
.bc-artikel-rail__link-2 { width:38px; height:38px; border:1.5px solid var(--bc-ink); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-13); font-weight:800 }
.bc-artikel-rail__link-2:hover { background:var(--bc-ink); color:var(--bc-white) }
.bc-artikel-rail__link-3 { width:38px; height:38px; border:1.5px solid var(--bc-ink); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-12); font-weight:800 }
.bc-artikel-rail__link-3:hover { background:var(--bc-ink); color:var(--bc-white) }
.bc-artikel-rail__btn { width:38px; height:38px; padding:0; border:1.5px solid var(--bc-ink); background:none; display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-14); cursor:pointer; font-family:var(--bc-font-sans); color:var(--bc-ink) }
.bc-artikel-rail__btn:hover { background:var(--bc-ink); color:var(--bc-white) }
.bc-artikel-rail__link-4 { margin-top:6px; align-self:flex-start }
.bc-artikel-rail__img { height:38px; width:auto; display:block }
.bc-artikel-rail__row-4 { display:flex; align-items:center; gap:8px }
.bc-artikel-rail__btn-2 { width:38px; height:38px; border:1.5px solid var(--bc-ink); background:none; cursor:pointer; font-family:var(--bc-font-sans); font-size: var(--bc-fs-12); font-weight:800; color:var(--bc-ink); display:flex; align-items:center; justify-content:center }
.bc-artikel-rail__btn-2:hover { background:var(--bc-ink); color:var(--bc-white) }
.bc-artikel-rail__btn-3 { width:38px; height:38px; border:1.5px solid var(--bc-ink); background:none; cursor:pointer; font-family:var(--bc-font-sans); font-size: var(--bc-fs-16); font-weight:800; color:var(--bc-ink); display:flex; align-items:center; justify-content:center }
.bc-artikel-rail__btn-3:hover { background:var(--bc-ink); color:var(--bc-white) }
.bc-artikel-rail__label-4 { font-size: var(--bc-fs-12); color:var(--bc-muted-2); font-weight:600 }
.bc-artikel-rail__nav { display:flex; flex-direction:column; gap:0; border-top:3px solid var(--bc-ink); padding-top:12px }
.bc-artikel-rail__kicker-2 { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; margin-bottom:6px }
.bc-artikel-rail__link-5 { font-size: var(--bc-fs-13-5); font-weight:600; padding:9px 0; border-bottom:1px solid var(--bc-line-soft); color:var(--bc-ink-2) }
.bc-artikel-rail__link-5:hover { color:var(--bc-red) }
.bc-artikel-rail__link-6 { font-size: var(--bc-fs-13-5); font-weight:600; padding:9px 0; color:var(--bc-ink-2) }
.bc-artikel-rail__link-6:hover { color:var(--bc-red) }
.bc-artikel-body { padding-left:36px; max-width:760px }
.bc-artikel-body__row { display:flex; align-items:center; gap:10px; margin-bottom:14px }
.bc-artikel-body__kicker { background:var(--bc-red); color:var(--bc-white); font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; padding:4px 8px }
.bc-artikel-body__title { margin:0 0 16px; font-size: var(--bc-fs-44); font-weight:800; line-height:1.12; letter-spacing:-0.015em; text-wrap:balance }
.bc-artikel-body__box { align-items:center; gap:10px; margin:0 0 16px; font-size: var(--bc-fs-13) }
.bc-artikel-body__avatar { width:28px; height:28px; border-radius:50%; background:var(--bc-red); color:var(--bc-white); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-10); font-weight:800; flex-shrink:0 }
.bc-artikel-body__label { line-height:1.4 }
.bc-artikel-body__link { font-weight:800 }
.bc-artikel-body__label-2 { color:var(--bc-muted-2) }
.bc-artikel-body__text { margin:0 0 22px; font-size: var(--bc-fs-19); line-height:1.55; color:var(--bc-ink-2); font-weight:500; text-wrap:pretty }
.bc-artikel-body__figure { margin:0 0 6px }
.bc-artikel-body__foto { aspect-ratio:16/9; background:repeating-linear-gradient(45deg,#EDE9E4,#EDE9E4 10px,#E4DFD9 10px,#E4DFD9 20px); display:flex; align-items:center; justify-content:center }
.bc-artikel-body__mono { font-family:var(--bc-font-mono); font-size: var(--bc-fs-12); color:var(--bc-muted-2); background:var(--bc-white); padding:4px 10px }
.bc-artikel-body__caption { display:flex; justify-content:space-between; gap:16px; padding:10px 0 0; font-size: var(--bc-fs-12-5); line-height:1.5; color:var(--bc-muted); border-bottom:1px solid var(--bc-line-soft); padding-bottom:14px }
.bc-artikel-body__mono-2 { flex-shrink:0; font-family:var(--bc-font-mono); font-size: var(--bc-fs-11); color:var(--bc-muted-2) }
.bc-toc-inline-2 { align-items:center; gap:10px; background:var(--bc-warm); border-bottom:1.5px solid var(--bc-line); padding:10px 16px; margin:20px -24px 6px; position:relative }
.bc-toc-inline__btn { display:flex; align-items:center; gap:10px; background:var(--bc-white); border:1.5px solid var(--bc-ink); padding:0 14px; height:38px; cursor:pointer; font-family:var(--bc-font-sans); font-size: var(--bc-fs-12); font-weight:800; letter-spacing:0.08em; color:var(--bc-ink); flex:1; justify-content:space-between; min-width:0 }
.bc-toc-inline__label { font-size: var(--bc-fs-11) }
.bc-toc-inline__col { position:absolute; top:100%; left:0; right:0; background:var(--bc-white); border-bottom:3px solid var(--bc-ink); box-shadow:0 12px 24px rgba(26,26,26,0.12); display:flex; flex-direction:column; z-index:950 }
.bc-toc-inline__link { font-size: var(--bc-fs-14); font-weight:700; padding:13px 16px; border-bottom:1px solid var(--bc-line-soft); color:var(--bc-ink) }
.bc-toc-inline__link:hover { color: var(--bc-ink) }
.bc-toc-inline__link-2 { font-size: var(--bc-fs-14); font-weight:700; padding:13px 16px; color:var(--bc-ink) }
.bc-toc-inline__link-2:hover { color: var(--bc-ink) }
.bc-takeaway { margin:24px 0 0; background:var(--bc-warm); border-top:3px solid var(--bc-red); padding:20px 24px; display:flex; flex-direction:column; gap:10px }
.bc-takeaway__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-red) }
.bc-takeaway__list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px }
.bc-takeaway__item { display:flex; gap:12px; font-size: var(--bc-fs-14-5); line-height:1.55; font-weight:600 }
.bc-takeaway__label { width:8px; height:8px; background:var(--bc-red); flex-shrink:0; margin-top:7px }
.bc-artikel-body__col { font-size: var(--bc-fs-17); line-height:1.75; display:flex; flex-direction:column; gap:0 }
.bc-artikel-body__text-2 { margin:22px 0 0; text-wrap:pretty }
.bc-artikel-body__strong { font-weight:800 }
.bc-artikel-body__text-3 { margin:18px 0 0; text-wrap:pretty }
.bc-artikel-body__title-2 { margin:36px 0 0; font-size: var(--bc-fs-26); font-weight:800; letter-spacing:-0.01em; line-height:1.25 }
.bc-artikel-body__text-4 { margin:16px 0 0; text-wrap:pretty }
.bc-artikel-body__link-2 { color:var(--bc-red); font-weight:600; text-decoration:underline; text-underline-offset:3px }
.bc-artikel-body__link-2:hover { color: var(--bc-red) }
.bc-artikel-body__title-3 { margin:28px 0 0; font-size: var(--bc-fs-21); font-weight:800; letter-spacing:-0.01em; line-height:1.3 }
.bc-artikel-body__text-5 { margin:14px 0 0; text-wrap:pretty }
.bc-artikel-body__list { margin:14px 0 0; padding-left:24px; display:flex; flex-direction:column; gap:9px }
.bc-artikel-body__item { text-wrap:pretty }
.bc-artikel-body__strong-2 { font-weight:700 }
.bc-pullquote { margin:36px 0 0; padding:26px 0; border-top:3px solid var(--bc-red); border-bottom:3px solid var(--bc-red); font-family:var(--bc-font-serif); font-style:italic; font-weight:500; font-size: var(--bc-fs-27); line-height:1.35; text-align:center; text-wrap:balance }
.bc-pullquote__footer { margin-top:12px; font-family:var(--bc-font-sans); font-style:normal; font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-muted-2) }
.bc-baca-juga { margin:30px 0 0; border-top:2px solid var(--bc-ink); border-bottom:2px solid var(--bc-ink); padding:16px 0; display:flex; flex-direction:column; gap:10px }
.bc-baca-juga__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-red) }
.bc-baca-juga__link { font-size: var(--bc-fs-16-5); font-weight:700; line-height:1.4; text-wrap:pretty }
.bc-artikel-body__title-4 { margin:36px 0 0; font-size: var(--bc-fs-26); font-weight:800; letter-spacing:-0.01em; line-height:1.25; text-wrap:balance }
.bc-artikel-body__title-5 { margin:24px 0 0; font-size: var(--bc-fs-16-5); font-weight:800; letter-spacing:0.02em }
.bc-artikel-body__list-2 { margin:12px 0 0; padding-left:24px; display:flex; flex-direction:column; gap:9px }
.bc-artikel-body__figure-2 { margin:28px 0 0 }
.bc-artikel-body__caption-2 { display:flex; justify-content:space-between; gap:16px; padding:10px 0 0; font-size: var(--bc-fs-12-5); line-height:1.5; color:var(--bc-muted) }
.bc-artikel-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; padding-top:20px; border-top:1px solid var(--bc-line) }
.bc-artikel-tags__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-muted-2); align-self:center; margin-right:6px }
.bc-author-box { margin-top:28px; background:var(--bc-warm); padding:24px; display:flex; gap:18px; align-items:flex-start }
.bc-author-box__avatar { width:56px; height:56px; border-radius:50%; background:var(--bc-red); color:var(--bc-white); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-18); font-weight:800; flex-shrink:0 }
.bc-author-box__col { display:flex; flex-direction:column; gap:6px }
.bc-author-box__link { font-size: var(--bc-fs-16); font-weight:800 }
.bc-author-box__kicker { font-size: var(--bc-fs-12); font-weight:700; letter-spacing:0.08em; color:var(--bc-muted-2) }
.bc-author-box__text { margin:4px 0 0; font-size: var(--bc-fs-13-5); line-height:1.6; color:var(--bc-ink-2) }
.bc-author-box__link-2 { font-size: var(--bc-fs-13); font-weight:700; color:var(--bc-red); margin-top:4px }
.bc-author-box__link-2:hover { color: var(--bc-red) }
.bc-prevnext { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--bc-line); border:1px solid var(--bc-line); margin-top:28px }
.bc-prevnext__link { background:var(--bc-white); padding:18px 20px; display:flex; flex-direction:column; gap:6px }
.bc-prevnext__link:hover { background:var(--bc-warm) }
.bc-prevnext__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-muted-2) }
.bc-prevnext__label { font-size: var(--bc-fs-14-5); font-weight:700; line-height:1.4 }
.bc-prevnext__link-2 { background:var(--bc-white); padding:18px 20px; display:flex; flex-direction:column; gap:6px; text-align:right }
.bc-prevnext__link-2:hover { background:var(--bc-warm) }
.bc-terkait { border-top:3px solid var(--bc-ink); margin-top:44px; padding-top:18px }
.bc-terkait__row { display:flex; align-items:baseline; gap:12px; margin-bottom:8px }
.bc-terkait__title { margin:0; font-size: var(--bc-fs-20); font-weight:800; letter-spacing:-0.01em }
.bc-terkait__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-terkait__grid { display:grid; grid-template-columns:1fr 1fr; gap:0 48px }
.bc-card-terkait { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--bc-line-soft); align-items:baseline }
.bc-card-terkait__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red); min-width:76px }
.bc-card-terkait__col { display:flex; flex-direction:column; gap:4px }
.bc-card-terkait__link { font-size: var(--bc-fs-15-5); font-weight:700; line-height:1.4; text-wrap:pretty }
.bc-card-terkait__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-toolbar-mobile { position:fixed; left:0; right:0; bottom:56px; z-index:1090; background:var(--bc-white); border-top:3px solid var(--bc-ink); box-shadow:0 -12px 28px rgba(26,26,26,0.15); flex-direction:column; padding:18px 20px 20px; gap:12px; animation:sheet-in 0.25s both }
.bc-toolbar-mobile__row { display:flex; align-items:center; justify-content:space-between }
.bc-toolbar-mobile__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-muted-2) }
.bc-toolbar-mobile__btn { width:32px; height:32px; border:1.5px solid var(--bc-ink); background:none; cursor:pointer; font-size: var(--bc-fs-16); color:var(--bc-ink); display:flex; align-items:center; justify-content:center; font-family:var(--bc-font-sans) }
.bc-toolbar-mobile__row-2 { display:flex; align-items:center; gap:12px }
.bc-toolbar-mobile__avatar { width:40px; height:40px; border-radius:50%; background:var(--bc-red); color:var(--bc-white); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-13); font-weight:800; flex-shrink:0 }
.bc-toolbar-mobile__col { display:flex; flex-direction:column }
.bc-toolbar-mobile__link { font-size: var(--bc-fs-14); font-weight:800 }
.bc-toolbar-mobile__label { font-size: var(--bc-fs-11-5); color:var(--bc-muted-2) }
.bc-toolbar-mobile__col-2 { display:flex; flex-direction:column; gap:7px; font-size: var(--bc-fs-13); border-top:1px solid var(--bc-line-soft); padding-top:12px }
.bc-toolbar-mobile__row-3 { display:flex; justify-content:space-between; gap:12px }
.bc-toolbar-mobile__label-2 { color:var(--bc-muted-2); font-weight:600 }
.bc-toolbar-mobile__time { font-weight:700 }
.bc-toolbar-mobile__time-2 { font-weight:700; color:var(--bc-red) }
.bc-toolbar-mobile__label-3 { font-weight:700 }
.bc-toolbar-mobile__link-2 { align-self:flex-start }
.bc-toolbar-mobile__img { height:36px; width:auto; display:block }
.bc-artikel__nav { position:fixed; left:0; right:0; bottom:0; z-index:1100; background:var(--bc-ink); align-items:stretch; height:56px }
.bc-artikel__link { flex:1; display:flex; align-items:center; justify-content:center; color:var(--bc-white); font-size: var(--bc-fs-14); font-weight:800 }
.bc-artikel__link:hover { color: var(--bc-white) }
.bc-artikel__link-2 { flex:1; display:flex; align-items:center; justify-content:center; color:var(--bc-white); font-size: var(--bc-fs-13); font-weight:800 }
.bc-artikel__link-2:hover { color: var(--bc-white) }
.bc-artikel__btn { flex:1; background:none; border:none; border-left:1px solid rgba(255,255,255,0.2); color:var(--bc-white); font-size: var(--bc-fs-14); cursor:pointer; display:flex; align-items:center; justify-content:center; font-family:var(--bc-font-sans) }
.bc-artikel__btn-2 { flex:1; background:none; border:none; border-left:1px solid rgba(255,255,255,0.2); color:var(--bc-white); font-size: var(--bc-fs-12); font-weight:800; cursor:pointer; font-family:var(--bc-font-sans) }
.bc-artikel__btn-3 { flex:1; background:none; border:none; color:var(--bc-white); font-size: var(--bc-fs-15); font-weight:800; cursor:pointer; font-family:var(--bc-font-sans) }
.bc-artikel__btn-4 { flex:1.4; background:var(--bc-red); border:none; color:var(--bc-white); font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.08em; cursor:pointer; font-family:var(--bc-font-sans) }
.bc-footer-2 { background:var(--bc-white); border-top:3px solid var(--bc-ink); margin-top:44px }

/* Responsif khusus halaman */
.bc-toc-inline { display: none !important; }
.bc-byline-m { display: none !important; }
.bc-mtool { display: none !important; }
@keyframes sheet-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
html, body { overflow-x: clip; }
@media (max-width: 1080px) { .bc-mast { flex-wrap: wrap !important; gap: 14px !important; } .bc-crumb { flex-wrap: wrap !important; } .bc-artbody { max-width: none !important; } .bc-cap { flex-direction: column !important; gap: 4px !important; } .bc-search { order: 3; width: 100%; } .bc-search input { flex: 1; width: auto !important; } .bc-artgrid { grid-template-columns: 1fr !important; } .bc-rail { display: none !important; } .bc-byline-m { display: flex !important; } .bc-mtool { display: flex !important; } .bc-main { padding-bottom: 96px !important; } .bc-toc-inline { display: flex !important; position: sticky !important; top: 0 !important; z-index: 900; } .bc-artbody { padding-left: 0 !important; } .bc-arttitle { font-size: var(--bc-fs-34) !important; } .bc-rel { grid-template-columns: 1fr !important; } .bc-foot { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 640px) { .bc-topbar-links { display: none !important; } .bc-nav { display: none !important; } .bc-search { display: none !important; } .bc-burger { display: flex !important; } .bc-arttitle { font-size: var(--bc-fs-28) !important; } .bc-artdek { font-size: var(--bc-fs-16-5) !important; } .bc-pquote { font-size: var(--bc-fs-22) !important; padding: 20px 0 !important; } .bc-pagenav { grid-template-columns: 1fr !important; } .bc-arth2 { font-size: var(--bc-fs-22) !important; } .bc-keytake { padding: 16px 18px !important; } .bc-authbox { flex-direction: column !important; } .bc-rel article { flex-direction: column !important; gap: 5px !important; } .bc-foot { grid-template-columns: 1fr !important; gap: 24px !important; } .bc-footbottom { flex-direction: column; gap: 6px; align-items: flex-start !important; } }