/* MySP Home Page: skin Berita (v0.76.0; v0.81.0 = Tahap 3.1, v0.82.0 = Tahap 3.2, v0.83.0 = Tahap 3.3, lihat blok paling bawah). Aktif hanya bila Dekorasi = Berita (kelas .mysp-hpage-decor-news).
   Editorial & elegan, tanpa parallax: masthead koran menempel di atas, section rapat, garis tipis, tipografi serif. */
.mysp-hpage-decor-news{--news-ink:#16181d;--news-mute:#5d6470;--news-rule:#ddd7c8;--news-red:var(--mysp-hpage-accent,#b0192a);
  --news-serif:var(--mysp-hpage-font-h,Georgia,'Times New Roman',serif);background:var(--mysp-hpage-bg,#faf8f4);color:var(--news-ink)}
.mysp-hpage-decor-news h1,.mysp-hpage-decor-news h2,.mysp-hpage-decor-news h3{font-family:var(--news-serif);color:var(--news-ink)}

/* ---- masthead: tanggal, nama situs di tengah, menu kategori. Menempel di atas saat menggulir ---- */
.mysp-hpage-decor-news .mysp-hpage-nav{position:sticky;top:var(--wp-admin--admin-bar--height,0px);left:auto;right:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;
  background:#fff;border-bottom:3px double var(--news-ink);box-shadow:none;backdrop-filter:none}
.mysp-hpage-decor-news .mysp-hpage-nav.is-scrolled{background:#fff;padding:0;box-shadow:0 2px 14px rgba(22,24,29,.1)}
.mysp-hpage-news-date{display:flex;justify-content:center;padding:7px 5vw;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--news-mute);border-bottom:1px solid var(--news-rule);transition:max-height .25s,padding .25s,opacity .25s;max-height:40px;overflow:hidden}
.mysp-hpage-decor-news .mysp-hpage-brand{display:block;text-align:center;padding:18px 5vw 12px;font-family:var(--news-serif);font-weight:800;font-size:clamp(1.7rem,4.6vw,3rem);letter-spacing:-.01em;line-height:1.1;color:var(--news-ink);transition:padding .25s,font-size .25s}
.mysp-hpage-decor-news .mysp-hpage-nav.is-scrolled .mysp-hpage-news-date{max-height:0;padding-block:0;opacity:0;border-bottom-width:0}
.mysp-hpage-decor-news .mysp-hpage-nav.is-scrolled .mysp-hpage-brand{padding-block:8px 6px;font-size:clamp(1.2rem,2.6vw,1.6rem)}
.mysp-hpage-decor-news .mysp-hpage-nav nav{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;padding:0 3vw;border-top:1px solid var(--news-rule);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mysp-hpage-decor-news .mysp-hpage-nav nav::-webkit-scrollbar{display:none}
.mysp-hpage-decor-news .mysp-hpage-nav nav a{flex:0 0 auto;padding:11px 16px;color:var(--news-ink);opacity:1;font-family:inherit;font-weight:700;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.mysp-hpage-decor-news .mysp-hpage-nav nav a::after{left:16px;right:16px;bottom:0;height:3px;border-radius:0}
.mysp-hpage-decor-news .mysp-hpage-nav nav a:hover,.mysp-hpage-decor-news .mysp-hpage-nav nav a.is-active{color:var(--news-red)}
.mysp-hpage-decor-news .mysp-hpage-progress span{background:var(--news-red)}
@media (max-width:640px){.mysp-hpage-decor-news .mysp-hpage-nav nav{justify-content:flex-start}}

/* ---- section: rapat dan rapi, lebar konten seragam ---- */
.mysp-hpage-decor-news .mysp-hpage-head:not(:has(h2,.mysp-hpage-eyebrow,.mysp-hpage-text)){display:none}
.mysp-hpage-decor-news .mysp-hpage-eyebrow{display:block;margin:0 0 4px;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--news-red)}
.mysp-hpage-decor-news .mysp-hpage-text{opacity:1;color:var(--news-mute);font-size:1rem;margin-bottom:0}
.mysp-hpage-decor-news .mysp-hpage-section.mysp-hpage-light{color:var(--news-ink)}

/* ---- blok kategori otomatis: judul kategori dengan garis tebal di atas, tautan "lihat semua" di kanan ---- */
.mysp-hpage-catblock-head h2 a{color:inherit;text-decoration:none}
.mysp-hpage-catblock-head h2 a:hover,.mysp-hpage-catblock-head h2 a:focus-visible{color:var(--news-red)}
.mysp-hpage-catblock-all{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--news-red);white-space:nowrap}
.mysp-hpage-catblock-all::after{content:" \2192"}
.mysp-hpage-catblock-all:hover,.mysp-hpage-catblock-all:focus-visible{text-decoration:underline}

/* ---- kartu berita: datar, tanpa bayangan; kategori kapital merah; judul serif ---- */
.mysp-hpage-decor-news .mysp-hpage-wpcard,.mysp-hpage-decor-news .mysp-hpage-light .mysp-hpage-wpcard{background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.mysp-hpage-decor-news .mysp-hpage-wpcard:hover{transform:none}
.mysp-hpage-decor-news .mysp-hpage-wpcard-img{border-radius:2px;aspect-ratio:3/2}
.mysp-hpage-decor-news .mysp-hpage-wpcard-body{padding:12px 0 0;gap:6px}
.mysp-hpage-decor-news .mysp-hpage-wpcard h3{font-size:1.1rem;line-height:1.3;font-weight:700}
.mysp-hpage-decor-news .mysp-hpage-wpcard h3 a:hover,.mysp-hpage-decor-news .mysp-hpage-wpcard h3 a:focus-visible{color:var(--news-red);text-decoration:none}
.mysp-hpage-decor-news .mysp-hpage-wpcard-cat,.mysp-hpage-decor-news .mysp-hpage-light .mysp-hpage-wpcard-cat{color:var(--news-red);font-size:.7rem;letter-spacing:.12em}
.mysp-hpage-decor-news .mysp-hpage-wpcard-meta{font-size:.76rem;color:var(--news-mute);opacity:1}
.mysp-hpage-decor-news .mysp-hpage-wpcard-ex{font-size:.93rem;color:var(--news-mute);opacity:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mysp-hpage-decor-news .mysp-hpage-wpcard-more,.mysp-hpage-decor-news .mysp-hpage-light .mysp-hpage-wpcard-more{color:var(--news-red)}
.mysp-hpage-decor-news .mysp-hpage-wpgrid{gap:26px 24px}

/* magazine: kartu besar dengan judul lebih besar; daftar kecil dipisah garis tipis */
.mysp-hpage-decor-news .mysp-hpage-mag-main h3{font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.22}
.mysp-hpage-decor-news .mysp-hpage-mag-main .mysp-hpage-wpcard-body{padding:14px 0 0}
.mysp-hpage-decor-news .mysp-hpage-mag-rest{gap:0}
.mysp-hpage-decor-news .mysp-hpage-mag-rest .mysp-hpage-wpcard-ex{display:none}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_ov .mysp-hpage-mag-main h3,.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_ov .mysp-hpage-mag-main h3 a{color:#fff}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_ov .mysp-hpage-mag-main .mysp-hpage-wpcard-cat{color:#fff;background:var(--news-red);padding:2px 8px;border-radius:2px}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_ov .mysp-hpage-mag-main .mysp-hpage-wpcard-meta,.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_ov .mysp-hpage-mag-main .mysp-hpage-wpcard-ex{color:rgba(255,255,255,.88)}

/* ---- tag, penulis, pencarian ---- */
.mysp-hpage-decor-news .mysp-hpage-wptag{border-radius:2px;background:#fff;border:1px solid var(--news-rule);color:var(--news-ink);font-family:inherit;font-weight:600}
.mysp-hpage-decor-news .mysp-hpage-wptag:hover,.mysp-hpage-decor-news .mysp-hpage-wptag:focus-visible{background:var(--news-ink);border-color:var(--news-ink);color:#fff}
.mysp-hpage-decor-news .mysp-hpage-wptags{justify-content:flex-start}
.mysp-hpage-decor-news .mysp-hpage-wpau .mysp-hpage-wpcard-body{padding:10px 0 0}

/* ---- ticker terbaru: bersih, menyatu dengan masthead ---- */
.mysp-hpage-decor-news .mysp-hpage-section.mysp-hpage-type-breaking{padding:0 var(--news-gut);border-bottom:1px solid var(--news-rule)} /* v0.119.9: tepi kiri-kanan strip sejajar dengan section lain */
.mysp-hpage-decor-news .mysp-hpage-type-breaking>*{max-width:none}

/* ---- tombol dan bidang formulir sesuai gaya editorial ---- */
.mysp-hpage-decor-news .mysp-hpage-btn{background:var(--news-ink);color:#fff!important;border-radius:2px;box-shadow:none}
.mysp-hpage-decor-news .mysp-hpage-btn:hover{background:var(--news-red)}

/* ---- gerak: matikan sisa efek bila ada, hormati preferensi gerak berkurang ---- */
.mysp-hpage-decor-news .mysp-hpage-reveal{transition:none}
@media (max-width:1000px){.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag-lr{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid{gap:22px}
}
@media print{.mysp-hpage-decor-news .mysp-hpage-nav{position:static}.mysp-hpage-decor-news .mysp-hpage-nav nav,.mysp-hpage-news-date{display:none}}

/* =====================================================================
   v0.76.0: gaya portal (kolom + sidebar, slider headline, tab, daftar bernomor)
   ===================================================================== */

/* ---- kolom: pembatas garis tipis antar kolom, seperti halaman portal ---- */
.mysp-hpage-decor-news .mysp-hpage-cols{gap:0;align-items:start}
.mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col{padding:0 clamp(18px,2.6vw,34px)}
.mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:first-child{padding-left:0}
.mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:last-child{padding-right:0}
.mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col+.mysp-hpage-col{border-left:1px solid var(--news-rule)}
.mysp-hpage-decor-news .mysp-hpage-col:empty{display:none}
/* kolom kosong (kategori peringkat itu tidak ada): sisa kolom mengisi lebar, tanpa garis pembatas yatim */
.mysp-hpage-decor-news .mysp-hpage-cols:has(>.mysp-hpage-col:empty){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
.mysp-hpage-decor-news .mysp-hpage-cols:has(>.mysp-hpage-col:empty)>.mysp-hpage-col{border-left:0;padding-left:0;padding-right:clamp(18px,2.6vw,34px)}
/* section kolom yang semua kolomnya kosong tidak meninggalkan pita kosong */
.mysp-hpage-decor-news .mysp-hpage-type-columns:not(:has(.mysp-hpage-col:not(:empty))){display:none}
@media (max-width:1000px){
  .mysp-hpage-decor-news .mysp-hpage-cols-3>.mysp-hpage-col,.mysp-hpage-decor-news .mysp-hpage-cols-4>.mysp-hpage-col{padding:0 0 26px;border-left:0}
  .mysp-hpage-decor-news .mysp-hpage-cols-3,.mysp-hpage-decor-news .mysp-hpage-cols-4{column-gap:clamp(20px,3vw,32px)}
}
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col,.mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:first-child,.mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:last-child{padding:0 0 26px;border-left:0}
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:last-child{padding-bottom:0}
}

/* kolom utama yang lebar (rasio 2:1 / 3:1): magazine kiri-kanan boleh dua kolom lagi */
@media (min-width:1101px){
  .mysp-hpage-cols-r-2-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-mag-lr,.mysp-hpage-cols-r-3-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-mag-lr{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .mysp-hpage-cols-r-2-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-mag_rev,.mysp-hpage-cols-r-3-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-mag_rev{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .mysp-hpage-cols-r-2-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-mag_rev .mysp-hpage-mag-main,.mysp-hpage-cols-r-3-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-mag_rev .mysp-hpage-mag-main{order:2}
}

/* ---- blok di dalam kolom sempit: kartu daftar ringkas ---- */
.mysp-hpage-decor-news .mysp-hpage-embed .mysp-hpage-wpgrid.is-grid2,.mysp-hpage-decor-news .mysp-hpage-embed .mysp-hpage-wpgrid.is-grid3,.mysp-hpage-decor-news .mysp-hpage-embed .mysp-hpage-wpgrid.is-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){
  .mysp-hpage-decor-news .mysp-hpage-embed .mysp-hpage-wpgrid.is-grid2,.mysp-hpage-decor-news .mysp-hpage-embed .mysp-hpage-wpgrid.is-grid3,.mysp-hpage-decor-news .mysp-hpage-embed .mysp-hpage-wpgrid.is-grid4{grid-template-columns:minmax(0,1fr)}
}

/* ---- layout Daftar bernomor (Terpopuler): angka serif besar, tanpa gambar ---- */
.mysp-hpage-wpgrid.is-rank{grid-template-columns:minmax(0,1fr);gap:0;counter-reset:mysprk}
.mysp-hpage-wpgrid.is-rank>.mysp-hpage-wpcard{counter-increment:mysprk;display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:13px 0;border-top:1px solid var(--news-rule,rgba(127,127,127,.3));background:transparent;box-shadow:none;border-radius:0}
.mysp-hpage-wpgrid.is-rank>.mysp-hpage-wpcard:first-child{border-top:0;padding-top:2px}
.mysp-hpage-wpgrid.is-rank>.mysp-hpage-wpcard::before{content:counter(mysprk);flex:0 0 1.35em;font-family:var(--news-serif,Georgia,'Times New Roman',serif);font-size:2rem;font-weight:800;line-height:1;text-align:center;color:var(--news-red,var(--mysp-hpage-accent))}
.mysp-hpage-wpgrid.is-rank>.mysp-hpage-wpcard:nth-child(n+4)::before{color:var(--news-mute,#777);opacity:.75}
.mysp-hpage-wpgrid.is-rank .mysp-hpage-wpcard-img,.mysp-hpage-wpgrid.is-rank .mysp-hpage-wpcard-ex{display:none}
.mysp-hpage-wpgrid.is-rank .mysp-hpage-wpcard-body{flex:1 1 auto;min-width:0;padding:0;gap:4px}
.mysp-hpage-wpgrid.is-rank .mysp-hpage-wpcard h3{font-size:1rem;line-height:1.35}
.mysp-hpage-wpgrid.is-rank .mysp-hpage-wpcard-meta{order:2}

/* ---- layout Slider headline: 1 besar, judul di atas gambar; panah + titik + autoplay dari JS carousel ---- */
.mysp-hpage-wpgrid.is-carousel.is-slider,.mysp-hpage-embed .mysp-hpage-wpgrid.is-carousel.is-slider{--pv:1;--cg:0px;gap:0;padding:0;scrollbar-width:none}
.mysp-hpage-wpgrid.is-slider::-webkit-scrollbar{display:none}
.mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/9;min-height:300px;overflow:hidden;background:#1b2230;color:#fff;border-radius:2px}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-img{position:absolute;inset:0;flex:none;aspect-ratio:auto;height:100%;min-height:0;border-radius:0}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{position:relative;z-index:1;flex:0 0 auto;gap:8px;padding:110px clamp(18px,3vw,34px) 46px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.55) 55%,rgba(0,0,0,0))}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3{font-size:clamp(1.35rem,2.8vw,2.1rem);line-height:1.2;color:#fff}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3 a,.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-meta,.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-ex{color:#fff}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3 a:hover,.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3 a:focus-visible{color:#fff;text-decoration:underline}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-meta{opacity:.9}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-cat{align-self:flex-start;background:var(--news-red,var(--mysp-hpage-accent));color:#fff;padding:2px 8px;border-radius:2px;opacity:1}
.mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-ex{max-width:62ch;-webkit-line-clamp:2}
@media (max-width:640px){
  .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:auto;min-height:320px}
  .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-ex{display:none}
  .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding-top:90px}
}
/* titik navigasi di atas gambar (bila peramban mendukung :has; kalau tidak, tetap di bawah slider) */
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider){position:relative}
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-nav{position:absolute;left:0;right:0;bottom:8px;margin:0;z-index:4;color:#fff;justify-content:center}
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-dot[aria-current="true"]::before{background:#fff;width:22px;border-radius:6px;transform:none}
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-dot::before{opacity:.55}
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-dot[aria-current="true"]::before{opacity:1}

/* ---- Tab Kategori: tab gaya koran (garis bawah merah), panel tanpa bingkai ---- */
.mysp-hpage-tabs.mysp-hpage-cattabs{max-width:none;width:100%;margin:0;display:block;gap:0;text-align:left}
.mysp-hpage-cattabs .mysp-hpage-tabs-p{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.mysp-hpage-cattabs-b{min-width:0}
.mysp-hpage-cattabs-all{display:block;margin-top:14px;text-align:right}

/* =====================================================================
   v0.78.1: perapian template Berita
   ===================================================================== */
/* ticker: tanpa scrollbar horizontal (muncul bila perangkat memakai "kurangi gerakan" dan animasi dimatikan) */
.mysp-hpage-decor-news .mysp-hpage-bn .mysp-hpage-bn-view{scrollbar-width:none}
.mysp-hpage-decor-news .mysp-hpage-bn .mysp-hpage-bn-view::-webkit-scrollbar{display:none}
/* slider headline di kolom utama (2:1): tingginya mendekati kolom sidebar agar tidak ada ruang kosong di bawah slider */
@media (min-width:1101px){
  .mysp-hpage-cols-r-2-1>.mysp-hpage-col:first-child .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:16/9}
}
/* panah slider: kontras di atas gambar gelap */
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.6);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-btn:hover:not(:disabled){background:var(--news-red,var(--mysp-hpage-accent));border-color:var(--news-red,var(--mysp-hpage-accent))}

/* v0.79.0: masthead dengan logo + judul + tagline (tengah) */
.mysp-hpage-decor-news .mysp-hpage-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.mysp-hpage-decor-news .mysp-hpage-brand.has-logo{padding-top:14px}
.mysp-hpage-decor-news .mysp-hpage-brand-txt{align-items:center;text-align:center}
.mysp-hpage-decor-news .mysp-hpage-brand-tag{margin-top:6px;font-family:var(--mysp-hpage-font-b,inherit);font-size:clamp(.74rem,1.3vw,.9rem);font-weight:500;letter-spacing:.06em;line-height:1.3;color:var(--news-mute);opacity:1}
.mysp-hpage-decor-news .mysp-hpage-brand-logo img{height:var(--mysp-hpage-logo-h,48px)}
.mysp-hpage-decor-news .mysp-hpage-nav.is-scrolled .mysp-hpage-brand{flex-direction:row;gap:10px}
.mysp-hpage-decor-news .mysp-hpage-nav.is-scrolled .mysp-hpage-brand-tag{display:none}
.mysp-hpage-decor-news .mysp-hpage-nav.is-scrolled .mysp-hpage-brand-logo img{height:calc(var(--mysp-hpage-logo-h,48px) * .6)}

/* =====================================================================
   v0.80.0: gaya portal "panel kartu" (bilah tag populer, slider kategori, tab Latest/Popular, Trending)
   Dipakai lewat: Kolom > Tampilan kolom = Panel kartu; Tag Cloud > Gaya = Bilah; layout Trending.
   ===================================================================== */
:root{--np-line:#d9d9d9;--np-card:#fff;--np-shadow:0 1px 3px rgba(0,0,0,.08);--np-mute:#6b7078;--np-badge:#d32f2f;--np-font:var(--mysp-hpage-font-b,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif)}

/* ---- bilah Tag Populer: label berpanah + tag berawalan # dalam satu baris yang bisa digeser ---- */
.mysp-hpage-wptags.is-bar{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;background:var(--np-card);box-shadow:var(--np-shadow);font-family:var(--np-font)}
.mysp-hpage-wptags-lb{position:relative;flex:0 0 auto;display:flex;align-items:center;margin-right:26px;padding:0 14px;background:var(--news-red,var(--mysp-hpage-accent,#2271b1));color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.mysp-hpage-wptags-lb::after{content:"";position:absolute;left:100%;top:50%;margin-top:-9px;border:9px solid transparent;border-left-color:var(--news-red,var(--mysp-hpage-accent,#2271b1));border-right-width:0}
.mysp-hpage-wptags-row{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:6px 24px;padding:15px 18px 15px 0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mysp-hpage-wptags-row::-webkit-scrollbar{display:none}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag{flex:0 0 auto;padding:0;border:0;border-radius:0;background:none;color:#2b2f36;font-family:inherit;font-size:.95rem;font-weight:600}
.mysp-hpage-wptags.is-bar .mysp-hpage-wptag::before{content:"#";margin-right:5px;font-weight:700}
.mysp-hpage-wptags.is-bar.is-cat .mysp-hpage-wptag::before{content:none;margin:0}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:hover,.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:focus-visible{background:none;color:var(--news-red,var(--mysp-hpage-accent,#2271b1));text-decoration:none}
.mysp-hpage-decor-news .mysp-hpage-type-wp_tags:has(.is-bar){padding-block:18px 0;border-bottom:0}
.mysp-hpage-decor-news .mysp-hpage-type-wp_tags:has(.is-bar)>.mysp-hpage-head{display:none}
@media (max-width:640px){.mysp-hpage-wptags-lb{margin-right:20px;padding:0 10px;font-size:.78rem}.mysp-hpage-wptags-row{gap:6px 18px;padding-block:12px}}

/* ---- ikon tab (Terbaru / Terpopuler / kategori): hanya tampil di panel kartu ---- */
.mysp-hpage-tabs-ic{display:inline-block;margin-right:4px;font-size:.8em;opacity:.9}

/* ---- panel kartu: tiap kolom = kotak putih di latar abu-abu ---- */
.mysp-hpage-decor-news .mysp-hpage-type-columns:has(.mysp-hpage-cols-panel){padding-block:18px 38px;border-bottom:0}
.mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel{gap:10px;align-items:stretch;font-family:var(--np-font)}
.mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel:has(>.mysp-hpage-col:empty){gap:10px}
.mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel>.mysp-hpage-col{position:relative;min-width:0;padding:20px!important;border:0!important;background:var(--np-card);box-shadow:var(--np-shadow)}
.mysp-hpage-cols-panel h1,.mysp-hpage-cols-panel h2,.mysp-hpage-cols-panel h3{font-family:var(--news-serif)} /* judul serif seperti seluruh halaman; label, tab, meta, lencana tetap sans */

/* judul kolom: kapital, garis aksen pendek di atas garis abu penuh */
.mysp-hpage-cols-panel .mysp-hpage-catblock-all{display:none}

/* ---- daftar bergambar kecil (tab Latest / Popular dan Trending) ---- */
.mysp-hpage-cols-panel .mysp-hpage-wpcard-meta>time::before{content:"\f017";margin-right:6px;font-family:"Font Awesome 7 Free";font-weight:400;font-size:.95em}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid .mysp-hpage-wpcard-meta{font-size:.82rem}

/* Trending: nomor merah di sudut gambar, daftar digulir dengan panah atas / bawah */
.mysp-hpage-wpgrid.is-trend{display:block;counter-reset:mysptr;grid-template-columns:none;max-height:440px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior:contain}
.mysp-hpage-wpgrid.is-trend::-webkit-scrollbar{display:none}
.mysp-hpage-wpgrid.is-trend>.mysp-hpage-wpcard{counter-increment:mysptr}
.mysp-hpage-wpgrid.is-trend .mysp-hpage-wpcard-img::after{content:counter(mysptr);position:absolute;right:0;bottom:0;min-width:24px;height:24px;padding:0 6px;background:var(--np-badge);color:#fff;font:700 .8rem/24px var(--np-font);text-align:center}
.mysp-hpage-trend-nav{display:flex;gap:2px}
.mysp-hpage-trend-nav{justify-content:flex-end;margin:0 0 10px}
.mysp-hpage-trend-btn{width:26px;height:26px;padding:0;border:0;border-radius:2px;background:#ebebeb;color:#555;font:900 .7rem/1 "Font Awesome 7 Free";cursor:pointer;transition:background .15s,color .15s}
.mysp-hpage-trend-btn:hover:not(:disabled),.mysp-hpage-trend-btn:focus-visible{background:var(--news-red,var(--mysp-hpage-accent));color:#fff}
.mysp-hpage-trend-btn:disabled{opacity:.45;cursor:default}
.mysp-hpage-trend-up::before,.mysp-hpage-trend-down::before{font-family:"Font Awesome 7 Free";font-weight:900;font-size:.7rem;line-height:1}
.mysp-hpage-trend-up::before{content:"\f077"}
.mysp-hpage-trend-down::before{content:"\f078"}
.mysp-hpage-cols-panel .mysp-hpage-trend-nav{position:absolute;top:var(--news-btn-top,15px);right:0;margin:0}

/* ---- slider kategori: panah di pojok judul, lencana + judul besar + penulis/tanggal di atas gambar ---- */
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-embed,.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-catblock,.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider),.mysp-hpage-cols-panel .mysp-hpage-car-view{position:static}
.mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-btn{top:var(--news-btn-top,15px);margin:0;width:26px;height:26px;border:0;border-radius:2px;background:#ebebeb;color:#555;font-size:1.1rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-prev{left:auto;right:32px}
.mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-next{right:0}
.mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-btn:hover:not(:disabled){background:var(--news-red,var(--mysp-hpage-accent));color:#fff}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{display:grid;grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:8px 14px;padding:120px 22px 32px}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-meta{display:contents}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-sep{display:none}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-cat{order:1;grid-column:1/-1;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:5px 10px;border-radius:2px}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3{order:2;grid-column:1/-1;font-size:clamp(1.4rem,2.6vw,2.15rem);font-weight:700;line-height:1.25}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-au{order:3;font-size:.82rem;font-weight:600;color:#fff}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-av{width:36px;height:36px;border:2px solid rgba(255,255,255,.85)}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-meta>time{order:4;font-size:.82rem;color:#fff}
.mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-ex{display:none}

/* ---- tab Latest / Popular / kategori ---- */
.mysp-hpage-cols-panel .mysp-hpage-tabs-ic{display:inline-block;margin-right:3px;font-size:.8em;opacity:.9}
.mysp-hpage-cols-panel .mysp-hpage-wpcard-meta,.mysp-hpage-cols-panel .mysp-hpage-wpcard-cat{font-family:var(--np-font)}
.mysp-hpage-cols-panel .mysp-hpage-cattabs-all{display:none}

@media (max-width:1000px){
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel{grid-template-columns:minmax(0,1fr)!important}
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel>.mysp-hpage-col{padding:16px!important}
}
@media (max-width:640px){
  .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding:100px 16px 30px}
}
@media (prefers-reduced-motion:reduce){.mysp-hpage-wpgrid.is-trend{scroll-behavior:auto}}

/* v0.80.3: section WP lebar-penuh (Berita per Kategori, Berita Lainnya, Tim Redaksi, Cari Berita): judul di atas isi, bukan di samping */


/* =====================================================================
   v0.81.0 · TAHAP 3.1 — fondasi tata letak Berita
   Satu sumber kebenaran untuk: lebar penuh, judul section seragam, thumbnail seragam (kecil = persegi, besar = 3:2),
   dan tiga titik patah: desktop >1100px, tablet 701-1100px, mobile <=700px.
   Ubah angka di :root skin ini untuk menyetel seluruh template sekaligus.
   ===================================================================== */
.mysp-hpage-decor-news{
  --news-w:1680px;                              /* lebar maksimal isi; ganti 100% untuk benar-benar tanpa batas */
  --news-gut:clamp(16px,3.2vw,48px);            /* margin kiri-kanan halaman */
  --news-col-gap:clamp(20px,2.6vw,36px);
  --news-thumb:96px;                            /* sisi thumbnail kecil (daftar, magazine, trending) */
  --news-ratio:3/2;                             /* rasio semua gambar kartu besar */
  --news-title-gap:18px;
  --news-h2:clamp(1.2rem,1.05rem + .55vw,1.55rem);
  --news-panel-h:calc(var(--news-thumb) * 4 + 84px); /* tinggi isi panel kartu = 4 daftar bergambar */
  --news-btn-top:15px;
}
@media (max-width:1100px){.mysp-hpage-decor-news{--news-thumb:88px}}
@media (max-width:640px){.mysp-hpage-decor-news{--news-thumb:80px;--news-title-gap:14px}}

/* ---- A. lebar penuh: semua section memakai wadah yang sama, tanpa kolom setengah lebar ---- */
.mysp-hpage-decor-news .mysp-hpage-section:not(.mysp-hpage-type-breaking){padding-inline:var(--news-gut);padding-block:clamp(28px,4vw,52px)}
.mysp-hpage-decor-news .mysp-hpage-section:not(.mysp-hpage-type-breaking)>.mysp-hpage-section-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;justify-items:stretch;width:100%;max-width:var(--news-w);margin-inline:auto;text-align:left}
.mysp-hpage-decor-news .mysp-hpage-section>.mysp-hpage-section-inner>*{min-width:0}
.mysp-hpage-decor-news .mysp-hpage-nav nav{padding-inline:var(--news-gut)}
.mysp-hpage-decor-news .mysp-hpage-news-date{padding-inline:var(--news-gut)}

/* ---- B. judul seragam: garis tebal hitam + ujung merah, lalu (opsional) kicker kecil, lalu judul serif rata kiri ----
   Berlaku untuk judul section, judul kolom, judul blok kategori, dan baris tab. Gaya judul (ts-*) dari tab Tampilan diabaikan di skin ini. */
.mysp-hpage-decor-news .mysp-hpage-head,
.mysp-hpage-decor-news .mysp-hpage-catblock-head{position:relative;display:block;max-width:none;margin:0 0 var(--news-title-gap);padding:11px 0 0;border:0;border-top:3px solid var(--news-ink);text-align:left;overflow:visible}
.mysp-hpage-decor-news .mysp-hpage-head::before,
.mysp-hpage-decor-news .mysp-hpage-catblock-head::before{content:"";position:absolute;left:0;top:-3px;width:56px;height:3px;background:var(--news-red)}
.mysp-hpage-decor-news .mysp-hpage-head::after{content:none}
.mysp-hpage-decor-news .mysp-hpage-catblock-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px}
.mysp-hpage-decor-news .mysp-hpage-head h2,
.mysp-hpage-decor-news .mysp-hpage-catblock-head h2{display:block;position:static;margin:0;padding:0;border:0;background:none;box-shadow:none;clip-path:none;color:var(--news-ink);font-family:var(--news-serif);font-size:var(--news-h2);font-weight:800;line-height:1.2;letter-spacing:-.005em;text-transform:none;text-decoration:none;text-align:left;overflow-wrap:anywhere}
.mysp-hpage-decor-news .mysp-hpage-head h2::before,.mysp-hpage-decor-news .mysp-hpage-head h2::after{content:none;display:none}
.mysp-hpage-decor-news .mysp-hpage-head h2+*{margin-top:8px}
.mysp-hpage-decor-news .mysp-hpage-head .mysp-hpage-eyebrow{display:block;margin:0 0 3px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--news-red)}
.mysp-hpage-decor-news .mysp-hpage-head .mysp-hpage-eyebrow::before,.mysp-hpage-decor-news .mysp-hpage-head .mysp-hpage-eyebrow::after{content:none;display:none}
.mysp-hpage-decor-news .mysp-hpage-head .mysp-hpage-text{margin:6px 0 0;color:var(--news-mute);font-size:.98rem;line-height:1.55}
.mysp-hpage-decor-news .mysp-hpage-catblock-head h2{min-width:0}
/* di dalam kartu panel: judul tetap sama, hanya "Lihat semua" disembunyikan (sudah ada panah slider) */
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-head,.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-catblock-head{margin-bottom:var(--news-title-gap)}

/* ---- C. baris tab = judul: garis tebal + ujung merah di atas (v0.82.0: digambar oleh ::before wadah tab, bukan latar daftar tab,
   supaya tidak ikut memudar oleh mask, dan tidak hilang karena head kosong yang tersembunyi) ---- */
.mysp-hpage-decor-news .mysp-hpage-cattabs:has(>.mysp-hpage-tabs-list)::before{content:"";display:block;height:3px;margin:0;
  background:linear-gradient(var(--news-red),var(--news-red)) 0 0/56px 3px no-repeat,linear-gradient(var(--news-ink),var(--news-ink)) 0 0/100% 3px no-repeat}
.mysp-hpage-decor-news .mysp-hpage-head:has(h2,.mysp-hpage-eyebrow,.mysp-hpage-text)~.mysp-hpage-cattabs::before{display:none}
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-list{gap:2px 18px;margin:0 0 var(--news-title-gap);padding:0;border:0;border-bottom:1px solid var(--news-rule);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background:none}
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-list::-webkit-scrollbar{display:none}
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-t{flex:0 0 auto;margin:0 0 -1px;padding:11px 0 10px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#6b7078;font-family:var(--mysp-hpage-font-b,system-ui,sans-serif);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-t:hover{color:var(--news-red);border-color:transparent}
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-t[aria-selected="true"]{background:transparent;border-bottom-color:var(--news-red);color:var(--news-ink)}
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-h{margin:0 0 var(--news-title-gap);padding:11px 0 0;border-top:3px solid var(--news-ink);font-size:var(--news-h2)}
.mysp-hpage-decor-news .mysp-hpage-cattabs-all{margin-top:18px}

/* ---- D. kartu besar: satu rasio gambar (3:2) di mana pun; judul utama satu skala ---- */
.mysp-hpage-decor-news .mysp-hpage-wpcard-img{aspect-ratio:var(--news-ratio);border-radius:2px}
.mysp-hpage-decor-news .mysp-hpage-wpcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mysp-hpage-decor-news .mysp-hpage-wpgrid .mysp-hpage-mag-main .mysp-hpage-wpcard-img{flex:none;height:auto;min-height:0;aspect-ratio:var(--news-ratio)}
.mysp-hpage-decor-news .mysp-hpage-mag-main h3{font-size:clamp(1.2rem,1.05rem + .7vw,1.6rem);line-height:1.22}
.mysp-hpage-decor-news .mysp-hpage-wpcard h3{overflow-wrap:anywhere}
.mysp-hpage-decor-news :where(.mysp-hpage-wpgrid:not(.is-slider):not(.is-rank) .mysp-hpage-wpcard:not(.mysp-hpage-wpau)) h3{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-grid2,.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-grid3,.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-grid4{align-items:start}
.mysp-hpage-decor-news .mysp-hpage-wpcard-img.is-empty{background:#e9e4d8;color:#a39a86}

/* ---- E. thumbnail kecil seragam: daftar, magazine (sisi daftar), trending = persegi, ukuran sama, judul di atas tanggal ---- */
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend){display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-content:start}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard{display:flex;flex-direction:row;align-items:flex-start;gap:14px;min-width:0;padding:14px 0;border:0;border-top:1px solid var(--news-rule);border-radius:0;background:none;box-shadow:none}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard:first-child{border-top:0;padding-top:0}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard:last-child{padding-bottom:0}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard>.mysp-hpage-wpcard-img{flex:0 0 var(--news-thumb);width:var(--news-thumb);height:var(--news-thumb);min-height:0;aspect-ratio:1/1;border-radius:2px}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard>.mysp-hpage-wpcard-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:0;gap:5px;justify-content:flex-start}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard h3{order:1;font-size:1rem;line-height:1.35;font-weight:700;-webkit-line-clamp:3}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard .mysp-hpage-wpcard-meta{order:2;font-size:.78rem;color:var(--news-mute)}
.mysp-hpage-decor-news :is(.mysp-hpage-wpgrid.is-list,.mysp-hpage-mag-rest,.mysp-hpage-wpgrid.is-trend)>.mysp-hpage-wpcard .mysp-hpage-wpcard-ex{display:none}
.mysp-hpage-decor-news .mysp-hpage-wpcard-img.is-empty i{font-size:1.4rem}

/* ---- F. magazine: kolom kecil tidak lagi memaksa tinggi; kartu besar tidak dipotong aneh ---- */
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag-lr,.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag-tb{align-items:start;gap:var(--news-col-gap)}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag-lr .mysp-hpage-mag-rest{grid-auto-rows:auto;align-content:start}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag-tb{gap:20px}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_two .mysp-hpage-mag-main{gap:var(--news-col-gap)}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-mag_ov:not(.no-img) .mysp-hpage-mag-main>.mysp-hpage-wpcard{aspect-ratio:var(--news-ratio);min-height:0}
/* magazine kiri-kanan di section lebar penuh (tidak di dalam kolom): berdampingan mulai tablet */
@media (min-width:701px){
  .mysp-hpage-decor-news .mysp-hpage-section:not(.mysp-hpage-type-columns) .mysp-hpage-wpgrid.is-mag-lr{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .mysp-hpage-decor-news .mysp-hpage-section:not(.mysp-hpage-type-columns) .mysp-hpage-wpgrid.is-mag_rev{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .mysp-hpage-decor-news .mysp-hpage-section:not(.mysp-hpage-type-columns) .mysp-hpage-wpgrid.is-mag_rev .mysp-hpage-mag-main{order:2}
}
/* di dalam kolom: berdampingan hanya bila kolomnya cukup lebar (container query, berlaku di desktop dan tablet) */
.mysp-hpage-decor-news .mysp-hpage-col{container:ncol/inline-size}
@container ncol (min-width:600px){
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag-tb{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag-lr{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag_rev{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag_rev .mysp-hpage-mag-main{order:2}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--news-col-gap)}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-list>.mysp-hpage-wpcard:nth-child(2){border-top:0;padding-top:0}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-list>.mysp-hpage-wpcard:nth-last-child(-n+2):nth-child(odd){padding-bottom:0}
}
@container ncol (max-width:599px){
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag-lr,.mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag_rev,.mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag-tb{grid-template-columns:minmax(0,1fr)}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-mag_rev .mysp-hpage-mag-main{order:0}
}

/* ---- G. slider headline: satu bahasa visual; tinggi panel kartu sama rata ---- */
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:16/9;min-height:0;border-radius:2px}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding:90px clamp(18px,3vw,34px) 44px}
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:auto;height:var(--news-panel-h);min-height:0;border-radius:0}
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-trend{max-height:var(--news-panel-h)}
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-col{min-height:0}

/* ---- H. carousel: panah di tengah GAMBAR (bukan tengah kartu + teks) ---- */
.mysp-hpage-decor-news .mysp-hpage-car{--pv:4;--cg:22px}
@media (max-width:1099px){.mysp-hpage-decor-news .mysp-hpage-car{--pv:3}}
@media (max-width:799px){.mysp-hpage-decor-news .mysp-hpage-car{--pv:2}}
@media (max-width:559px){.mysp-hpage-decor-news .mysp-hpage-car{--pv:1}}
.mysp-hpage-decor-news .mysp-hpage-car:not(:has(.is-slider)) .mysp-hpage-car-btn{top:calc(50% - 56px)}
@supports (container-type:inline-size){
  .mysp-hpage-decor-news .mysp-hpage-car:not(:has(.is-slider)) .mysp-hpage-car-view{container:ncar/inline-size}
  .mysp-hpage-decor-news .mysp-hpage-car:not(:has(.is-slider)) .mysp-hpage-car-btn{top:calc(((100cqw - (var(--pv) - 1) * var(--cg)) / var(--pv)) / 3 + 8px)}
}

/* ---- I. kolom: desktop (>1100) pembatas garis; tablet (701-1100) 2 kolom; mobile (<=700) 1 kolom ---- */
.mysp-hpage-decor-news .mysp-hpage-cols{align-items:start}
@media (max-width:1100px){
  .mysp-hpage-decor-news .mysp-hpage-cols{gap:var(--news-col-gap)}
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col,
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:first-child,
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:last-child{padding:0;border-left:0}
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col+.mysp-hpage-col{padding:0;border-left:0}
  /* kolom dengan rasio (2:1, 3:1, ...) menumpuk: kolom utama di atas, sidebar di bawah, lebar penuh */
  .mysp-hpage-decor-news .mysp-hpage-cols-2[class*="mysp-hpage-cols-r-"]{grid-template-columns:minmax(0,1fr)!important}
  /* panel kartu: kartu pertama (slider) penuh, dua kartu lain berdampingan */
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel>.mysp-hpage-col{padding:18px!important}
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel>.mysp-hpage-col:first-child{grid-column:1/-1}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{height:auto;aspect-ratio:2/1;min-height:300px}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-trend{max-height:var(--news-panel-h)}
}
@media (min-width:701px) and (max-width:1100px){
  /* 3 atau 4 kolom: 2 kolom; kolom ke-3 yang tinggal sendiri membentang penuh */
  .mysp-hpage-decor-news .mysp-hpage-cols-3:not(.mysp-hpage-cols-panel),.mysp-hpage-decor-news .mysp-hpage-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mysp-hpage-decor-news .mysp-hpage-cols-3:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:nth-child(3):last-child{grid-column:1/-1}
  .mysp-hpage-decor-news .mysp-hpage-cols-3[class*="mysp-hpage-cols-r-"]:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:first-child{grid-column:1/-1}
}
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-cols,.mysp-hpage-decor-news .mysp-hpage-cols-2,.mysp-hpage-decor-news .mysp-hpage-cols-3,.mysp-hpage-decor-news .mysp-hpage-cols-4,.mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel{grid-template-columns:minmax(0,1fr)!important;gap:28px}
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel{gap:10px}
  .mysp-hpage-decor-news .mysp-hpage-cols>.mysp-hpage-col:last-child{padding-bottom:0}
  .mysp-hpage-decor-news .mysp-hpage-cols.mysp-hpage-cols-panel>.mysp-hpage-col{padding:16px!important}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:auto;min-height:340px}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:auto;min-height:320px}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel{--news-btn-top:15px}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard h3{-webkit-line-clamp:4;font-size:clamp(1.2rem,5.2vw,1.5rem)}
}

/* ---- J. bagian lain agar sejajar dengan wadah penuh ---- */
.mysp-hpage-decor-news .mysp-hpage-type-wp_tags:has(.is-bar){padding-block:18px 0}
.mysp-hpage-decor-news .mysp-hpage-wpsearch{max-width:760px;margin:0}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-pill{gap:8px}
@media (max-width:640px){
  .mysp-hpage-decor-news .mysp-hpage-nav nav{padding-inline:var(--news-gut)}
}

.mysp-hpage-decor-news .mysp-hpage-wptags{max-width:none;margin:0}
/* kolom/embed: jarak judul ke isi hanya diatur margin judul (gap bawaan embed 24px membuat tiap blok berbeda) */
.mysp-hpage-decor-news .mysp-hpage-embed>.mysp-hpage-section-inner{gap:0;display:block}
/* baris tab yang bisa digeser: ujung kanan memudar sebagai petunjuk ada tab lain (tidak terlihat bila semua tab muat) */
.mysp-hpage-decor-news .mysp-hpage-cattabs .mysp-hpage-tabs-list{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent)}
/* pencarian: kolom ketik dan tombol sama bentuk (siku 2px) dan sama tinggi */
.mysp-hpage-decor-news .mysp-hpage-wpsearch{align-items:stretch}
.mysp-hpage-decor-news .mysp-hpage-wpsearch input[type=search]{border-radius:2px;border:1px solid #cfc8b7;background:#fff;color:var(--news-ink)}
.mysp-hpage-decor-news .mysp-hpage-wpsearch input[type=search]::placeholder{color:var(--news-mute)}
.mysp-hpage-decor-news .mysp-hpage-wpsearch .mysp-hpage-btn{border-radius:2px;padding-block:14px}

.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-trend{scroll-snap-type:y proximity}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-trend>.mysp-hpage-wpcard{scroll-snap-align:start}
/* carousel: tepi kiri/kanan sejajar dengan judul dan konten lain (bawaan 4px lebih menjorok) */
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-carousel:not(.is-slider){padding-inline:0;scroll-padding:0}

/* =====================================================================
   v0.82.0 · TAHAP 3.2 — penyempurnaan: tidak ada tampilan janggal di desktop, tablet, mobile
   Hasil audit render nyata (judul pendek/panjang, kata tanpa spasi, artikel tanpa gambar, rasio gambar bermacam-macam).
   ===================================================================== */
.mysp-hpage-decor-news{--news-div-gap:clamp(36px,4.6vw,68px)}

/* ---- 1. kolom: lebar isi SAMA PERSIS. Sebelumnya kolom tengah dikurangi padding kiri+kanan sehingga gambar
        kolom tengah lebih kecil dari kolom tepi. Sekarang tanpa padding; jarak = gap, garis pemisah digambar di tengah gap. ---- */
@media (min-width:1101px){
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel){column-gap:var(--news-div-gap);row-gap:var(--news-col-gap);align-items:stretch} /* stretch: garis pemisah sama panjang */
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:first-child,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:last-child,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col+.mysp-hpage-col,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel):has(>.mysp-hpage-col:empty)>.mysp-hpage-col{position:relative;padding:0;border-left:0}
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:not(:empty)~.mysp-hpage-col:not(:empty)::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--news-div-gap) / -2);width:1px;background:var(--news-rule)}
}

/* ---- 2. kartu: tanggal selalu tepat di bawah judul (seperti daftar kecil); bila kartu punya kategori, kategori + tanggal tetap jadi kicker di atas judul ---- */
.mysp-hpage-decor-news .mysp-hpage-wpgrid:not(.is-slider) .mysp-hpage-wpcard-body>h3{order:1}
.mysp-hpage-decor-news .mysp-hpage-wpgrid:not(.is-slider) .mysp-hpage-wpcard-body>.mysp-hpage-wpcard-meta:not(:has(.mysp-hpage-wpcard-cat)){order:2}
.mysp-hpage-decor-news .mysp-hpage-wpgrid:not(.is-slider) .mysp-hpage-wpcard-body>.mysp-hpage-wpcard-ex{order:3}
.mysp-hpage-decor-news .mysp-hpage-wpgrid:not(.is-slider) .mysp-hpage-wpcard-body>.mysp-hpage-wpcard-more{order:4}

/* kartu penulis: nama di atas jumlah artikel */
.mysp-hpage-decor-news .mysp-hpage-wpau .mysp-hpage-wpcard-meta{order:2}

/* ---- 3. tag: ukuran huruf seragam (bawaan plugin membesar-kecilkan per jumlah artikel, di sini terlihat acak) ---- */
.mysp-hpage-decor-news .mysp-hpage-wptags:not(.is-bar) .mysp-hpage-wptag{font-size:.9rem!important;line-height:1.2;padding:7px 14px}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag{font-size:.95rem!important}

/* ---- 4. pencarian selebar wadah ---- */
.mysp-hpage-decor-news .mysp-hpage-wpsearch{max-width:none;width:100%;margin:0;gap:10px}
.mysp-hpage-decor-news .mysp-hpage-wpsearch input[type=search]{flex:1 1 auto;padding:14px 18px}
.mysp-hpage-decor-news .mysp-hpage-wpsearch .mysp-hpage-btn{flex:0 0 auto;min-width:150px;display:inline-flex;align-items:center;justify-content:center}

/* ---- 5. Tim Redaksi: kartu seragam, rapat ke judul; di mobile 2 kolom ringkas (bukan 1 kolom setinggi layar) ---- */
.mysp-hpage-decor-news .mysp-hpage-wpau .mysp-hpage-wpau-av{margin:0 auto;width:96px;height:96px}
.mysp-hpage-decor-news .mysp-hpage-wpau .mysp-hpage-wpcard-body{padding-top:12px;align-items:center;text-align:center}
.mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau){gap:34px var(--news-col-gap)}
.mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau) .mysp-hpage-wpcard-ex{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau){grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .mysp-hpage-decor-news .mysp-hpage-wpau .mysp-hpage-wpau-av{width:72px;height:72px}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau) .mysp-hpage-wpcard-ex{display:none}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau) h3{font-size:.98rem}
}

/* ---- 6. daftar bernomor (Terbaru/Terpopuler) di kolom lebar (tablet, sidebar yang turun ke bawah): 2 kolom, bukan satu baris panjang kosong ---- */
@container ncol (min-width:600px){
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-rank{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--news-col-gap)}
  .mysp-hpage-decor-news .mysp-hpage-col .mysp-hpage-wpgrid.is-rank>.mysp-hpage-wpcard:nth-child(2){border-top:0;padding-top:2px}
}

/* ---- 7. slider: teks tidak menabrak panah (panah tengah-gambar diberi ruang di kiri/kanan), tinggi tablet lebih rendah ---- */
@media (min-width:701px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding-inline:68px}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding-inline:22px}
}
@media (min-width:701px) and (max-width:1100px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:2/1}
}
@media (max-width:700px){
  /* mobile: panah pindah ke pojok kanan atas gambar (tidak di atas teks) */
  .mysp-hpage-decor-news .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-btn{top:12px;margin:0;width:34px;height:34px;font-size:1rem}
  .mysp-hpage-decor-news .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-prev{left:auto;right:54px}
  .mysp-hpage-decor-news .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-next{right:12px}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding:72px 16px 44px}
  /* di panel kartu panah tetap di baris judul */
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-btn{top:var(--news-btn-top);width:26px;height:26px;font-size:1.1rem}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-prev{right:32px}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-car:has(>.mysp-hpage-car-view>.is-slider) .mysp-hpage-car-next{right:0}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-slider .mysp-hpage-wpcard-body{padding:100px 16px 30px}
}

/* ---- 8. Trending di mobile: tampil 5 berita utuh (tablet: 4, lihat blok 12) ---- */
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-trend>.mysp-hpage-wpcard:nth-child(n+6){display:none}
}

/* ---- 9. tab di panel kartu: tiga tab (Terbaru, Terpopuler, kategori) harus muat tanpa terpotong ---- */
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-cattabs .mysp-hpage-tabs-list{gap:2px 14px}
.mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-cattabs .mysp-hpage-tabs-t{font-size:.76rem;letter-spacing:.04em}

/* ---- 10. headline desktop: slider setinggi sidebar (tanpa ruang kosong di bawah sidebar pada layar lebar, tanpa slider yang kurang tinggi) ---- */
@media (min-width:1101px){
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider){display:flex;flex-direction:column;align-items:stretch}
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider)>.mysp-hpage-embed,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider) .mysp-hpage-embed>.mysp-hpage-section-inner,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider) .mysp-hpage-car,
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider) .mysp-hpage-car-view{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-width:0;min-height:0}
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider) .mysp-hpage-wpgrid.is-slider{flex:1 1 auto;min-height:clamp(340px,30vw,480px)}
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel)>.mysp-hpage-col:has(>.mysp-hpage-embed .is-slider) .mysp-hpage-wpgrid.is-slider>.mysp-hpage-wpcard{aspect-ratio:auto;height:auto;min-height:0}
}

/* ---- 11. jarak antar baris kolom di tablet: bila kolom turun ke baris baru, jaraknya selega jarak antar section ---- */
@media (min-width:701px) and (max-width:1100px){
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel){row-gap:clamp(34px,5vw,48px)}
}
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-cols:not(.mysp-hpage-cols-panel){row-gap:34px}
}

/* ---- 12. Trending di tablet: 4 berita utuh (setinggi kartu Terbaru di sebelahnya), tanpa kotak gulir yang memotong item ---- */
@media (max-width:1100px){
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-wpgrid.is-trend{max-height:none;overflow:visible}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-trend>.mysp-hpage-wpcard:nth-child(n+5){display:none}
  .mysp-hpage-decor-news .mysp-hpage-cols-panel .mysp-hpage-trend-nav{display:none}
}
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid.is-trend>.mysp-hpage-wpcard:nth-child(5){display:flex}
}


/* =====================================================================
   v0.83.0 · TAHAP 3.3 — sentuhan akhir: fokus keyboard, hover, baris terakhir penulis, gambar utama magazine, cetak
   ===================================================================== */

/* ---- fokus keyboard terlihat jelas di semua tautan berita ---- */
.mysp-hpage-decor-news a:focus-visible,.mysp-hpage-decor-news button:focus-visible{outline:2px solid var(--news-red);outline-offset:3px;border-radius:2px}
.mysp-hpage-decor-news .mysp-hpage-wpgrid.is-slider a:focus-visible,.mysp-hpage-decor-news .mysp-hpage-car-btn:focus-visible{outline-color:#fff}

/* ---- hover gambar: zoom halus (mati bila perangkat memilih kurangi gerakan / layar sentuh) ---- */
.mysp-hpage-decor-news .mysp-hpage-wpcard-img{overflow:hidden}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:not(.is-slider) .mysp-hpage-wpcard-img img{transition:transform .4s ease}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:not(.is-slider) .mysp-hpage-wpcard:hover .mysp-hpage-wpcard-img img{transform:scale(1.04)}
}

/* ---- gambar utama magazine di section lebar penuh: 16:10 supaya tidak menjulang di sebelah daftar pendek ---- */
@media (min-width:701px){
  .mysp-hpage-decor-news .mysp-hpage-section:not(.mysp-hpage-type-columns) .mysp-hpage-wpgrid.is-mag-lr .mysp-hpage-mag-main .mysp-hpage-wpcard-img{aspect-ratio:16/10}
}

/* ---- Tim Redaksi: baris terakhir yang tidak penuh dipusatkan (bukan menempel kiri) ---- */
.mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau){display:flex;flex-wrap:wrap;justify-content:center;gap:34px var(--news-col-gap)}
.mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau)>.mysp-hpage-wpau{flex:0 0 calc((100% - 3 * var(--news-col-gap)) / 4)}
@media (max-width:1100px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau)>.mysp-hpage-wpau{flex-basis:calc((100% - var(--news-col-gap)) / 2)}
}
@media (max-width:700px){
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau){gap:26px 16px}
  .mysp-hpage-decor-news .mysp-hpage-wpgrid:has(>.mysp-hpage-wpau)>.mysp-hpage-wpau{flex-basis:calc((100% - 16px) / 2)}
}

/* ---- tautan "Lihat semua" di tab: rapat ke daftar, tidak menggantung ---- */
.mysp-hpage-decor-news .mysp-hpage-cattabs-all{margin-top:16px;padding-top:12px;border-top:1px solid var(--news-rule)}

/* ---- cetak: tanpa kontrol slider/ticker, kartu tidak terbelah halaman ---- */
@media print{
  .mysp-hpage-decor-news .mysp-hpage-car-btn,.mysp-hpage-decor-news .mysp-hpage-car-nav,.mysp-hpage-decor-news .mysp-hpage-type-breaking,.mysp-hpage-decor-news .mysp-hpage-trend-nav,.mysp-hpage-top{display:none!important}
  .mysp-hpage-decor-news .mysp-hpage-wpcard{break-inside:avoid}
}

/* Pencarian Kategori (v0.105.0) */
.mysp-hpage-decor-news .mysp-hpage-wpsearchcat{max-width:none}
.mysp-hpage-decor-news .mysp-hpage-sc-sel select{border-radius:2px;border:1px solid #cfc8b7;background:#fff;color:var(--news-ink);padding-block:14px}

/* =====================================================================
   v0.119.11: Popular Categories / Popular Tags (bilah): chip yang lebih menarik + tombol geser < > bila isinya melebihi lebar
   ===================================================================== */
.mysp-hpage-wptags.is-bar{border:1px solid rgba(127,127,127,.2);border-radius:10px;overflow:hidden}
.mysp-hpage-wptags.is-bar .mysp-hpage-wptags-row{position:relative;gap:8px;padding:11px 14px 11px 6px;scroll-snap-type:x proximity;scroll-padding-inline:6px}
.mysp-hpage-wptags.is-bar.has-more .mysp-hpage-wptags-row{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(127,127,127,.12);scroll-snap-align:start;line-height:1.2;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:has(.mysp-hpage-wptag-n){padding-right:6px}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag-n{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;padding:1px 7px;border-radius:999px;background:rgba(127,127,127,.2);color:inherit;font-size:.72rem;font-weight:700;line-height:1.5;opacity:.85;transition:background-color .2s ease,color .2s ease}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:hover,.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:focus-visible{background:var(--news-red,var(--mysp-hpage-accent,#2271b1));color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.16)}
.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:hover .mysp-hpage-wptag-n,.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:focus-visible .mysp-hpage-wptag-n{background:rgba(255,255,255,.28);color:#fff;opacity:1}
.mysp-hpage-wptags-nav{flex:0 0 auto;display:none;align-items:center;gap:6px;padding:0 12px 0 6px}
.mysp-hpage-wptags.is-bar.has-ov .mysp-hpage-wptags-nav{display:flex}
.mysp-hpage-wptags-nav button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(127,127,127,.35);border-radius:50%;background:#fff;color:#2b2f36;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.mysp-hpage-wptags-nav button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mysp-hpage-wptags-nav button:hover:not(:disabled),.mysp-hpage-wptags-nav button:focus-visible:not(:disabled){background:var(--news-red,var(--mysp-hpage-accent,#2271b1));border-color:transparent;color:#fff}
.mysp-hpage-wptags-nav button:disabled{opacity:.35;cursor:default}
@media (max-width:640px){.mysp-hpage-wptags.is-bar .mysp-hpage-wptags-row{gap:6px;padding-block:9px}.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag{padding:5px 12px}.mysp-hpage-decor-news .mysp-hpage-wptags.is-bar .mysp-hpage-wptag:has(.mysp-hpage-wptag-n){padding-right:5px}.mysp-hpage-wptags-nav{padding:0 8px 0 4px}.mysp-hpage-wptags-nav button{width:28px;height:28px}}

/* v0.119.11: strip Breaking News tanpa latar apa pun di samping label dan di kanan tombol jeda / lanjut (hanya label merah yang berlatar) */
.mysp-hpage-decor-news .mysp-hpage-bn{background:transparent!important}
/* v0.119.12: bingkai strip Breaking News disamakan dengan bilah Popular Tags (garis tipis, sudut 10px) */
.mysp-hpage-decor-news .mysp-hpage-section.mysp-hpage-type-breaking{padding-block:10px}
.mysp-hpage-decor-news .mysp-hpage-bn{border:1px solid rgba(127,127,127,.2);border-radius:10px;overflow:hidden}