/* berita.co — page-homepage.css : class yang hanya dipakai halaman ini */
.bc-lead-2 { max-width: var(--bc-container); margin:0 auto; padding:28px 24px 0 }
.bc-lead__grid { display:grid; grid-template-columns:280px 1fr 300px; gap:0 }
.bc-lead-rail { border-right:1px solid var(--bc-line); padding-right:24px; display:flex; flex-direction:column }
.bc-card-rail { padding:14px 0; border-bottom:1px solid var(--bc-line-soft); display:flex; flex-direction:column; gap:6px }
.bc-card-rail__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red) }
.bc-card-rail__link { font-size: var(--bc-fs-16); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-card-rail__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-lead-rail__link { margin-top:14px; font-size: var(--bc-fs-13); font-weight:700; color:var(--bc-red); display:inline-flex; gap:6px }
.bc-lead-rail__link:hover { color: var(--bc-red) }
.bc-hero { padding:0 28px; display:flex; flex-direction:column; gap:14px }
.bc-hero__item { display:flex; flex-direction:column; gap:14px }
.bc-hero__link { display:block }
.bc-hero__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-hero__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-hero__row { display:flex; align-items:center; gap:10px }
.bc-hero__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-hero__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2); font-weight:600 }
.bc-hero__link-2 { font-size: var(--bc-fs-34); font-weight:800; line-height:1.15; letter-spacing:-0.01em; text-wrap:balance }
.bc-hero__text { margin:0; font-size: var(--bc-fs-16); line-height:1.6; color:var(--bc-ink-2); text-wrap:pretty }
.bc-hero__row-2 { display:flex; align-items:center; gap:8px; font-size: var(--bc-fs-13) }
.bc-hero__label-2 { color:var(--bc-muted-2) }
.bc-hero__link-3 { font-weight:700; color:var(--bc-red) }
.bc-hero__link-3:hover { color: var(--bc-red) }
.bc-hero__label-3 { color:var(--bc-line-strong) }
.bc-hero__grid { border-top:1px solid var(--bc-line-soft); padding-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:24px }
.bc-card-hero-sub { display:flex; flex-direction:column; gap:6px }
.bc-card-hero-sub__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red) }
.bc-card-hero-sub__link { font-size: var(--bc-fs-17); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-card-hero-sub__text { margin:0; font-size: var(--bc-fs-13); line-height:1.55; color:var(--bc-muted) }
.bc-lead-side { border-left:1px solid var(--bc-line); padding-left:24px; display:flex; flex-direction:column; gap:28px }
.bc-lead-side__title { 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-lead-side__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column }
.bc-lead-side__col { display:flex; flex-direction:column }
.bc-terbaru-item { display:flex; gap:12px; padding:11px 0; border-bottom:1px solid var(--bc-line-soft); align-items:baseline }
.bc-terbaru-item__label { font-size: var(--bc-fs-12); font-weight:700; color:var(--bc-red); min-width:44px; font-variant-numeric:tabular-nums }
.bc-terbaru-item__link { font-size: var(--bc-fs-13-5); font-weight:600; line-height:1.4 }
.bc-pilihan-editor { border-top:3px solid var(--bc-ink); margin-top:32px; padding-top:18px }
.bc-pilihan-editor__row { display:flex; align-items:baseline; gap:12px; margin-bottom:18px }
.bc-pilihan-editor__title { margin:0; font-size: var(--bc-fs-20); font-weight:800; letter-spacing:-0.01em }
.bc-pilihan-editor__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-pilihan-editor__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px }
.bc-card-pilihan { display:flex; flex-direction:column; gap:10px }
.bc-card-pilihan__link { display:block }
.bc-card-pilihan__foto { 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-card-pilihan__mono { 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-card-pilihan__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red) }
.bc-card-pilihan__link-2 { font-size: var(--bc-fs-16); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-card-pilihan__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-channel-block { border-top:1px solid var(--bc-line); margin-top:36px; padding-top:18px }
.bc-channel-block__row { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px }
.bc-channel-block__row-2 { display:flex; align-items:center; gap:14px }
.bc-channel-block__label { width:10px; height:26px; background:var(--bc-red); display:block }
.bc-channel-block__title { margin:0; font-size: var(--bc-fs-24); font-weight:800; letter-spacing:-0.01em }
.bc-channel-block__link { font-size: var(--bc-fs-13); font-weight:700; color:var(--bc-red) }
.bc-channel-block__link:hover { color: var(--bc-red) }
.bc-channel-block__grid { display:grid; grid-template-columns:5fr 4fr 3fr; gap:28px }
.bc-channel-block__item { display:flex; flex-direction:column; gap:12px }
.bc-channel-block__link-2 { display:block }
.bc-channel-block__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-channel-block__mono { 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-channel-block__link-3 { font-size: var(--bc-fs-22); font-weight:800; line-height:1.25; text-wrap:balance }
.bc-channel-block__text { margin:0; font-size: var(--bc-fs-14); line-height:1.6; color:var(--bc-muted) }
.bc-channel-block__row-3 { display:flex; gap:8px; font-size: var(--bc-fs-12-5) }
.bc-channel-block__link-4 { font-weight:700; color:var(--bc-red) }
.bc-channel-block__link-4:hover { color: var(--bc-red) }
.bc-channel-block__label-2 { color:var(--bc-muted-2) }
.bc-channel-block__col { display:flex; flex-direction:column; border-left:1px solid var(--bc-line-soft); padding-left:28px }
.bc-channel-list-item { padding:13px 0; border-bottom:1px solid var(--bc-line-soft); display:flex; flex-direction:column; gap:5px }
.bc-channel-list-item__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.1em; color:var(--bc-red) }
.bc-channel-list-item__link { font-size: var(--bc-fs-15-5); font-weight:700; line-height:1.35; text-wrap:pretty }
.bc-channel-list-item__label { font-size: var(--bc-fs-12); color:var(--bc-muted-2) }
.bc-channel-block__col-2 { background:var(--bc-warm); padding:20px; display:flex; flex-direction:column; gap:14px; align-self:start }
.bc-channel-block__kicker { font-size: var(--bc-fs-11); font-weight:800; letter-spacing:0.12em; color:var(--bc-ink) }
.bc-channel-block__row-4 { display:flex; flex-wrap:wrap; gap:8px }
.bc-opini { background:var(--bc-ink); color:var(--bc-white); margin:40px -24px 0; padding:36px 24px 40px }
.bc-opini__box { max-width:1232px; margin:0 auto }
.bc-opini__row { display:flex; align-items:baseline; gap:14px; margin-bottom:24px }
.bc-opini__title { margin:0; font-size: var(--bc-fs-24); font-weight:800; color:var(--bc-white) }
.bc-opini__label { font-size: var(--bc-fs-13); color:#9B958E; font-family:var(--bc-font-serif); font-style:italic }
.bc-opini__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px }
.bc-card-opini { border-left:2px solid var(--bc-red); padding-left:20px; display:flex; flex-direction:column; gap:12px }
.bc-card-opini__link { font-family:var(--bc-font-serif); font-style:italic; font-weight:500; font-size: var(--bc-fs-22); line-height:1.3; color:var(--bc-white); text-wrap:balance }
.bc-card-opini__link:hover { color:var(--bc-red-light) }
.bc-card-opini__text { margin:0; font-size: var(--bc-fs-13-5); line-height:1.6; color:var(--bc-on-dark) }
.bc-card-opini__row { display:flex; align-items:center; gap:10px; margin-top:2px }
.bc-card-opini__avatar { width:34px; height:34px; border-radius:50%; background:var(--bc-red); color:var(--bc-white); display:flex; align-items:center; justify-content:center; font-size: var(--bc-fs-12); font-weight:800 }
.bc-card-opini__col { display:flex; flex-direction:column }
.bc-card-opini__link-2 { font-size: var(--bc-fs-13); font-weight:700; color:var(--bc-white) }
.bc-card-opini__link-2:hover { color: var(--bc-white) }
.bc-card-opini__label { font-size: var(--bc-fs-11-5); color:var(--bc-muted-2) }

/* Responsif khusus halaman */
@media (max-width: 1080px) { .bc-mast { flex-wrap: wrap !important; gap: 14px !important; } .bc-search { order: 3; width: 100%; } .bc-search input { flex: 1; width: auto !important; } .bc-lead { grid-template-columns: 1fr !important; } .bc-center { order: -1; padding: 0 !important; } .bc-left { border-right: none !important; padding: 20px 0 0 !important; border-top: 1px solid var(--bc-line); margin-top: 24px; } .bc-right { border-left: none !important; padding: 20px 0 0 !important; border-top: 1px solid var(--bc-line); margin-top: 24px; } .bc-picks { grid-template-columns: 1fr 1fr !important; } .bc-chgrid { grid-template-columns: 1fr !important; } .bc-chlist { border-left: none !important; padding-left: 0 !important; border-top: 1px solid var(--bc-line-soft); } .bc-ops { 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-herotitle { font-size: var(--bc-fs-26) !important; } .bc-subs { grid-template-columns: 1fr !important; } .bc-picks { grid-template-columns: 1fr !important; } .bc-foot { grid-template-columns: 1fr !important; gap: 24px !important; } .bc-footbottom { flex-direction: column; gap: 6px; align-items: flex-start !important; } }