/* berita.co — page-channel.css : class yang hanya dipakai halaman ini */
.bc-channel__main { max-width: var(--bc-container); margin:0 auto; padding:20px 24px 0 }
.bc-channel-head { border-bottom:3px solid var(--bc-ink); padding:22px 0 20px; display:flex; flex-direction:column; gap:14px }
.bc-channel-head__row { display:flex; align-items:baseline; gap:18px; flex-wrap:wrap }
.bc-channel-head__title { margin:0; font-size: var(--bc-fs-56); font-weight:800; letter-spacing:-0.02em; line-height:1 }
.bc-channel-head__label { color:var(--bc-red) }
.bc-channel-head__label-2 { font-size: var(--bc-fs-12-5); color:var(--bc-muted-2); font-weight:600 }
.bc-channel-head__text { margin:0; font-size: var(--bc-fs-15); line-height:1.6; color:var(--bc-muted); max-width:640px; text-wrap:pretty }
.bc-channel-head__row-2 { display:flex; flex-wrap:wrap; gap:10px }
.bc-subnav-item { font-size: var(--bc-fs-13); font-weight:700; border:1.5px solid var(--bc-line); padding:7px 14px; color:var(--bc-ink-2) }
.bc-subnav-item:hover { border-color:var(--bc-red); color:var(--bc-red) }
.bc-mosaic-2 { display:grid; grid-template-columns:repeat(4,1fr); grid-template-areas:'hero hero a b' 'hero hero wide wide' 'r1 r2 r3 r4'; gap:28px; padding-top:24px }
.bc-mosaic__item { grid-area:hero; display:flex; flex-direction:column; gap:12px }
.bc-mosaic__link { display:block }
.bc-mosaic__foto { aspect-ratio:16/10; background:repeating-linear-gradient(45deg,#EDE9E4,#EDE9E4 10px,#E4DFD9 10px,#E4DFD9 20px); display:flex; align-items:center; justify-content:center }
.bc-mosaic__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-mosaic__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red) }
.bc-mosaic__link-2 { font-size: var(--bc-fs-29); font-weight:800; line-height:1.18; letter-spacing:-0.01em; text-wrap:balance }
.bc-mosaic__text { margin:0; font-size: var(--bc-fs-14-5); line-height:1.6; color:var(--bc-muted); text-wrap:pretty }
.bc-mosaic__row { display:flex; gap:8px; font-size: var(--bc-fs-12-5) }
.bc-mosaic__link-3 { font-weight:700; color:var(--bc-red) }
.bc-mosaic__link-3:hover { color: var(--bc-red) }
.bc-mosaic__label { color:var(--bc-muted-2) }
.bc-mosaic__item-2 { grid-area:a; display:flex; flex-direction:column; gap:8px }
.bc-mosaic__foto-2 { aspect-ratio:3/2; background:repeating-linear-gradient(45deg,#EDE9E4,#EDE9E4 10px,#E4DFD9 10px,#E4DFD9 20px); display:flex; align-items:center; justify-content:center }
.bc-mosaic__mono-2 { font-family:var(--bc-font-mono); font-size: var(--bc-fs-11); color:var(--bc-muted-2); background:var(--bc-white); padding:3px 8px }
.bc-mosaic__link-4 { font-size: var(--bc-fs-15-5); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-mosaic__label-2 { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-mosaic__item-3 { grid-area:b; display:flex; flex-direction:column; gap:8px }
.bc-mosaic__item-4 { grid-area:wide; background:var(--bc-warm); padding:22px 24px; display:flex; flex-direction:column; gap:10px; justify-content:center }
.bc-mosaic__kicker-2 { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-red) }
.bc-mosaic__link-5 { font-family:var(--bc-font-serif); font-style:italic; font-weight:500; font-size: var(--bc-fs-22); line-height:1.3; text-wrap:balance }
.bc-card-mosaic { grid-area:r1; border-top:3px solid var(--bc-ink); padding-top:12px; display:flex; flex-direction:column; gap:7px }
.bc-card-mosaic__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red) }
.bc-card-mosaic__link { font-size: var(--bc-fs-15-5); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-card-mosaic__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-card-mosaic-2 { grid-area:r2; border-top:3px solid var(--bc-ink); padding-top:12px; display:flex; flex-direction:column; gap:7px }
.bc-card-mosaic-3 { grid-area:r3; border-top:3px solid var(--bc-ink); padding-top:12px; display:flex; flex-direction:column; gap:7px }
.bc-card-mosaic-4 { grid-area:r4; border-top:3px solid var(--bc-ink); padding-top:12px; display:flex; flex-direction:column; gap:7px }
.bc-channel-latest { border-top:1px solid var(--bc-line); margin-top:36px; padding-top:20px }
.bc-channel-latest__grid { display:grid; grid-template-columns:1fr 300px; gap:36px }
.bc-channel-latest__title { margin:0 0 6px; font-size: var(--bc-fs-20); font-weight:800 }
.bc-arsip-hari { display:flex; flex-direction:column }
.bc-arsip-hari__title { margin:18px 0 4px; font-size: var(--bc-fs-12); font-weight:800; letter-spacing:0.12em; color:var(--bc-muted-2); border-bottom:2px solid var(--bc-ink); padding-bottom:8px }
.bc-arsip-entri { display:flex; gap:16px; padding:14px 0; border-bottom:1px solid var(--bc-line-soft); align-items:baseline }
.bc-arsip-entri__label { font-size: var(--bc-fs-12-5); font-weight:700; color:var(--bc-red); min-width:46px; font-variant-numeric:tabular-nums }
.bc-arsip-entri__col { display:flex; flex-direction:column; gap:5px; flex:1 }
.bc-arsip-entri__link { font-size: var(--bc-fs-16); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-arsip-entri__row { display:flex; gap:8px; font-size: var(--bc-fs-12); flex-wrap:wrap }
.bc-arsip-entri__label-2 { font-weight:800; letter-spacing:0.08em; color:var(--bc-red) }
.bc-arsip-entri__label-3 { color:var(--bc-muted-2) }
.bc-pagination { display:flex; align-items:center; gap:8px; padding:26px 0 40px; flex-wrap:wrap }
.bc-channel-latest__aside { border-left:1px solid var(--bc-line); padding-left:28px; display:flex; flex-direction:column; gap:28px; align-self:start }
.bc-channel-latest__title-2 { margin:0 0 4px; font-size: var(--bc-fs-14); font-weight:800; letter-spacing:0.08em; border-bottom:3px solid var(--bc-ink); padding-bottom:8px }
.bc-channel-latest__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column }
.bc-channel-latest__section { background:var(--bc-warm); padding:20px; display:flex; flex-direction:column; gap:14px }
.bc-channel-latest__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em }
.bc-channel-latest__row { display:flex; flex-wrap:wrap; gap:8px }

/* Responsif khusus halaman */
@media (max-width: 1080px) { .bc-foot { grid-template-columns: 1fr 1fr !important; } .bc-mast { flex-wrap: wrap !important; gap: 14px !important; } .bc-search { order: 3; width: 100%; } .bc-search input { flex: 1; width: auto !important; } .bc-mosaic { grid-template-areas: none !important; grid-template-columns: 1fr 1fr !important; } .bc-mosaic > * { grid-area: auto !important; } .bc-chbody { grid-template-columns: 1fr !important; } .bc-chside { border-left: none !important; padding-left: 0 !important; border-top: 1px solid var(--bc-line); padding-top: 20px; margin-top: 8px; } }
@media (max-width: 640px) { .bc-foot { grid-template-columns: 1fr !important; gap: 24px !important; } .bc-footbottom { flex-direction: column; gap: 6px; align-items: flex-start !important; } .bc-topbar-links { display: none !important; } .bc-nav { display: none !important; } .bc-search { display: none !important; } .bc-burger { display: flex !important; } .bc-mosaic { grid-template-areas: none !important; grid-template-columns: 1fr !important; } .bc-chname { font-size: var(--bc-fs-40) !important; } .bc-subnav { gap: 8px !important; } }