/* DIKSI home/editorial layout. Keep component styles in one canonical file. */
.diksi-section,
.home-section { padding: 34px 0; }
.diksi-section + .diksi-section,
.home-section + .home-section { border-top: 1px solid rgba(226,232,240,.7); }
.diksi-section-head,
.section-title-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.diksi-section-title { margin:0; font-size:22px; line-height:1.25; font-weight:800; color:var(--color-dark); }
.diksi-see-all-link,
.section-see-all { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; color:var(--color-primary); font-size:13px; font-weight:700; }
.diksi-see-all-link:hover,
.section-see-all:hover { color:var(--color-primary-dark); }

/* Shared cards and category labels */
.diksi-cat-badge,
.diksi-cat-badge-sm { display:inline-flex; align-items:center; width:max-content; border-radius:5px; color:#fff; font-size:10px; line-height:1; font-weight:800; letter-spacing:.45px; text-transform:uppercase; }
.diksi-cat-badge { padding:7px 10px; }
.diksi-cat-badge-sm { padding:5px 8px; }
.badge-daerah { background:#ea580c; }
.badge-nasional { background:#0284c7; }
.badge-teknologi { background:#475569; }
.badge-hukum { background:#7c3aed; }
.badge-ekonomi { background:#059669; }
.badge-politik { background:#dc2626; }
.badge-kaltim { background:#f97316; }

.diksi-card-thumb,
.diksi-news-thumb,
.diksi-stacked-thumb { overflow:hidden; background:var(--color-gray-100); border-radius:var(--radius-sm); }
.diksi-card-thumb img,
.diksi-news-thumb img,
.diksi-stacked-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform var(--transition-md); }
.diksi-standard-card:hover img,
.diksi-news-item:hover .diksi-news-thumb img,
.diksi-stacked-item:hover .diksi-stacked-thumb img { transform:scale(1.04); }

/* Latest news + sidebar advertisement */
.diksi-two-col-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; }
.diksi-main-col { min-width:0; }
.diksi-news-list { display:flex; flex-direction:column; gap:0; border-top:1px solid var(--color-border); }
.diksi-news-item { display:grid; grid-template-columns:132px minmax(0,1fr) 30px; gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--color-border); }
.diksi-news-thumb { width:132px; height:88px; }
.diksi-news-details { min-width:0; }
.diksi-news-title { margin:7px 0 5px; font-size:16px; line-height:1.32; font-weight:750; color:var(--color-dark); }
.diksi-news-title a:hover,
.diksi-stacked-title a:hover { color:var(--color-primary); }
.diksi-news-meta,
.diksi-stacked-time,
.diksi-card-time { display:flex; align-items:center; gap:5px; color:var(--color-gray-500); font-size:11px; }
.diksi-news-action { display:flex; justify-content:flex-end; }
.diksi-dots-btn { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; color:var(--color-gray-400); }
.diksi-dots-btn:hover { color:var(--color-primary); background:var(--color-gray-100); }
.diksi-vertical-ad-card,
.diksi-checklist-ad-card { position:relative; overflow:hidden; min-height:330px; padding:24px 20px 20px; border-radius:var(--radius-md); background:linear-gradient(145deg,#0b132b,#12345f); color:#fff; box-shadow:0 10px 26px rgba(11,19,43,.16); }
.diksi-vertical-ad-card::after,
.diksi-checklist-ad-card::after { content:""; position:absolute; width:180px; height:180px; right:-80px; bottom:-90px; border-radius:50%; background:rgba(14,165,233,.2); }
.diksi-ad-tag-corner { position:absolute; top:12px; right:14px; z-index:1; color:rgba(255,255,255,.58); font-size:9px; font-weight:800; letter-spacing:1px; }
.diksi-ad-logo-header { position:relative; z-index:1; min-height:28px; margin-bottom:22px; }
.diksi-ad-logo-header img { max-width:120px; max-height:30px; object-fit:contain; object-position:left center; }
.diksi-ad-card-headline,
.diksi-checklist-title { position:relative; z-index:1; margin:0 0 10px; color:#fff; font-size:21px; line-height:1.25; font-weight:800; }
.diksi-ad-card-sub { position:relative; z-index:1; margin:0 0 22px; color:rgba(255,255,255,.75); font-size:13px; }
.diksi-ad-cta-btn,
.diksi-ad-green-btn { position:relative; z-index:1; display:inline-flex; align-items:center; gap:6px; padding:10px 13px; border-radius:var(--radius-full); color:#0b132b; background:#fff; font-size:12px; font-weight:800; }
.diksi-ad-cta-btn:hover,
.diksi-ad-green-btn:hover { color:#0b132b; transform:translateY(-1px); }
.diksi-ad-features-row { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:12px 8px; margin-top:26px; }
.diksi-feat-item { display:flex; align-items:center; gap:6px; color:rgba(255,255,255,.8); font-size:10px; }
.diksi-feat-item i { color:#67e8f9; font-size:15px; }

/* Berita pilihan */
.diksi-pilihan-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,.9fr) minmax(220px,.7fr); gap:22px; align-items:stretch; }
.diksi-pilihan-big-card { position:relative; min-height:365px; overflow:hidden; border-radius:var(--radius-md); background:#0b132b; }
.diksi-pilihan-big-img,
.diksi-pilihan-big-img img { position:absolute; inset:0; width:100%; height:100%; }
.diksi-pilihan-big-img img { object-fit:cover; }
.diksi-pilihan-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,19,43,0) 20%,rgba(11,19,43,.9) 100%); }
.diksi-pilihan-big-content { position:absolute; z-index:1; left:22px; right:22px; bottom:20px; }
.diksi-pilihan-big-title { margin:10px 0 9px; color:#fff; font-size:24px; line-height:1.2; font-weight:800; }
.diksi-pilihan-big-title a:hover { color:#bae6fd; }
.diksi-pilihan-meta { color:rgba(255,255,255,.72); font-size:11px; }
.diksi-pilihan-stacked-col { display:flex; flex-direction:column; gap:0; }
.diksi-stacked-item { display:grid; grid-template-columns:105px minmax(0,1fr); gap:12px; padding:0 0 14px; margin-bottom:14px; border-bottom:1px solid var(--color-border); }
.diksi-stacked-item:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.diksi-stacked-thumb { width:105px; height:78px; }
.diksi-stacked-details { min-width:0; }
.diksi-stacked-title { margin:6px 0 5px; font-size:14px; line-height:1.35; font-weight:750; }
.diksi-checklist-ad-card { min-height:365px; background:linear-gradient(145deg,#064e3b,#047857); }
.diksi-checklist { position:relative; z-index:1; display:flex; flex-direction:column; gap:11px; margin:18px 0 24px; }
.diksi-checklist li { display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.9); font-size:12px; }
.diksi-checklist li i { color:#a7f3d0; }
.diksi-ad-green-btn { color:#064e3b; }
.diksi-checklist-footer { position:relative; z-index:1; margin-top:20px; padding-top:14px; border-top:1px solid rgba(255,255,255,.2); }
.diksi-checklist-footer p { color:rgba(255,255,255,.72); font-size:11px; }

/* Section cards */
.diksi-three-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.diksi-standard-card { min-width:0; }
.diksi-standard-card .diksi-card-thumb { height:178px; }
.diksi-card-body { padding-top:11px; }
.diksi-card-title { margin:8px 0 6px; font-size:16px; line-height:1.35; font-weight:750; }
.diksi-card-title a:hover { color:var(--color-primary); }
.diksi-nasional-section .diksi-two-col-layout { grid-template-columns:minmax(0,1fr) 300px; }
.diksi-trending-widget { padding:18px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-gray-50); }
.diksi-trending-widget-title { margin:0 0 12px; font-size:16px; font-weight:800; }
.diksi-trending-list { display:flex; flex-direction:column; gap:13px; }
.diksi-trend-row { display:grid; grid-template-columns:25px minmax(0,1fr); gap:9px; }
.diksi-trend-rank { color:var(--color-primary); font-size:18px; line-height:1; font-weight:900; }
.diksi-trend-title { font-size:13px; line-height:1.35; font-weight:700; }
.diksi-trend-views { margin-top:2px; color:var(--color-gray-500); font-size:10px; }

/* Index berita and newsletter */
.diksi-bottom-split-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:24px; align-items:stretch; }
.diksi-indeks-box,
.diksi-newsletter-card { padding:22px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:#fff; box-shadow:var(--color-card-shadow); }
.diksi-indeks-icon-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px 10px; }
.diksi-indeks-icon-item { display:flex; min-width:0; flex-direction:column; align-items:center; gap:7px; color:var(--color-gray-700); text-align:center; font-size:11px; font-weight:700; }
.diksi-indeks-icon-item:hover { color:var(--color-primary); }
.indeks-icon-square { position:relative; display:flex; align-items:center; justify-content:center; width:54px; height:54px; overflow:hidden; border-radius:12px; background:var(--color-primary-light); color:var(--color-primary); }
.indeks-icon-square.has-image { background-position:center; background-size:cover; }
.indeks-icon-square.has-image::after { content:""; position:absolute; inset:0; background:rgba(11,19,43,.34); }
.indeks-icon-square i { position:relative; z-index:1; font-size:25px; }
.diksi-newsletter-box { display:flex; }
.diksi-newsletter-card { width:100%; background:linear-gradient(145deg,#eff6ff,#f8fafc); }
.diksi-news-head { display:flex; align-items:center; gap:12px; }
.diksi-mail-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; flex:none; border-radius:12px; background:var(--color-primary); color:#fff; font-size:20px; }
.diksi-news-title { margin:0; font-size:19px; line-height:1.25; font-weight:800; }
.diksi-news-desc { margin:15px 0 18px; color:var(--color-gray-500); font-size:13px; }
.diksi-form-row { display:flex; gap:8px; }
.diksi-news-input { min-width:0; width:100%; padding:11px 12px; border:1px solid var(--color-border); border-radius:var(--radius-sm); background:#fff; }
.diksi-news-input:focus { outline:2px solid rgba(2,132,199,.2); border-color:var(--color-primary); }
.diksi-news-btn { flex:none; padding:0 16px; border-radius:var(--radius-sm); background:var(--color-primary); color:#fff; font-size:12px; font-weight:800; }
.diksi-news-btn:hover { background:var(--color-primary-dark); }
.diksi-news-privacy { display:flex; align-items:center; gap:5px; margin-top:13px; color:var(--color-gray-500); font-size:11px; }

/* Category index/legacy home sections kept for compatibility with existing templates. */
.kategori-pilihan-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.kategori-pilihan-item { position:relative; min-height:130px; overflow:hidden; border-radius:var(--radius-md); background:var(--color-navy); }
.kategori-pilihan-item__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; }
.kategori-pilihan-item__overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 20%,rgba(11,19,43,.9)); }
.kategori-pilihan-item__content { position:absolute; right:12px; bottom:11px; left:12px; z-index:1; color:#fff; }
.kategori-pilihan-item__name { display:block; font-size:14px; font-weight:800; }
.kategori-pilihan-item__count { display:block; margin-top:2px; color:rgba(255,255,255,.7); font-size:10px; }
.berita-utama-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:24px; }
.featured-card { overflow:hidden; border:1px solid var(--color-border); border-radius:var(--radius-md); background:#fff; }
.featured-card__img { overflow:hidden; aspect-ratio:16/9; }
.featured-card__img img { width:100%; height:100%; object-fit:cover; }
.featured-card__body { padding:16px; }
.featured-card__title { margin:8px 0; font-size:21px; line-height:1.25; }
.featured-card__excerpt { color:var(--color-gray-500); font-size:13px; }
.article-list { display:flex; flex-direction:column; gap:0; }
.article-list-item { display:flex; gap:13px; padding:12px 0; border-bottom:1px solid var(--color-border); }
.article-list-item__img { width:115px; min-width:115px; height:76px; overflow:hidden; border-radius:var(--radius-sm); }
.article-list-item__img img { width:100%; height:100%; object-fit:cover; }
.article-list-item__info { min-width:0; }
.article-list-item__title { margin:5px 0; font-size:14px; line-height:1.35; font-weight:700; }
.article-list-item__cat { color:var(--color-primary); font-size:10px; font-weight:800; text-transform:uppercase; }
.article-list-item__time { color:var(--color-gray-500); font-size:10px; }
.berita-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.event-grid,
.bottom-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }

/* Advertisement and panorama blocks */
.diksi-panorama-ad-section { padding-top:10px; }
.diksi-panorama-ad-card { position:relative; display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:150px; padding:26px 30px; overflow:hidden; border-radius:var(--radius-md); background:#0b132b; color:#fff; }
.diksi-panorama-ad-card--image { background-position:center; background-size:cover; }
.diksi-panorama-ad-card--image::before { content:""; position:absolute; inset:0; background:rgba(11,19,43,.62); }
.diksi-panorama-left,
.diksi-panorama-right { position:relative; z-index:1; }
.diksi-panorama-title { margin:0 0 6px; color:#fff; font-size:23px; font-weight:800; }
.diksi-panorama-sub { margin:0; color:rgba(255,255,255,.75); font-size:13px; }
.diksi-panorama-logo { max-width:130px; max-height:34px; margin-bottom:8px; }
.diksi-panorama-btn { display:inline-flex; align-items:center; gap:6px; padding:10px 15px; border-radius:var(--radius-full); background:#fff; color:var(--color-dark); font-size:12px; font-weight:800; }

@media (max-width:1024px) {
    .diksi-pilihan-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
    .diksi-pilihan-ad-col { grid-column:1 / -1; }
    .diksi-checklist-ad-card { min-height:0; }
    .diksi-bottom-split-grid { grid-template-columns:1fr; }
    .kategori-pilihan-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:768px) {
    .diksi-section,.home-section { padding:24px 0; }
    .diksi-section-title { font-size:19px; }
    .diksi-two-col-layout,.diksi-nasional-section .diksi-two-col-layout { grid-template-columns:1fr; }
    .diksi-sidebar-col { display:none; }
    .diksi-pilihan-grid { grid-template-columns:1fr; }
    .diksi-pilihan-ad-col { grid-column:auto; }
    .diksi-pilihan-big-card { min-height:320px; }
    .diksi-three-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .diksi-indeks-icon-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .diksi-panorama-ad-card { align-items:flex-start; flex-direction:column; padding:22px; }
    .berita-utama-grid,.berita-video-grid,.event-grid,.bottom-grid { grid-template-columns:1fr; }
}
@media (max-width:480px) {
    .diksi-news-item { grid-template-columns:92px minmax(0,1fr) 24px; gap:10px; }
    .diksi-news-thumb { width:92px; height:68px; }
    .diksi-news-title { font-size:13px; }
    .diksi-news-meta { font-size:10px; }
    .diksi-three-card-grid { grid-template-columns:1fr; }
    .diksi-pilihan-big-title { font-size:20px; }
    .diksi-indeks-icon-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px 8px; }
    .diksi-indeks-box,.diksi-newsletter-card { padding:16px; }
    .diksi-form-row { flex-direction:column; }
    .diksi-news-btn { min-height:40px; }
    .kategori-pilihan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}