/* === Dropdown submenu on hover (desktop) – final === */
.menu-item-has-children { 
  position: relative; 
  padding-bottom: 8px; /* jembatan hover agar submenu tidak hilang */
}

.menu-item-has-children > .sub-menu{
  display: none;
  position: absolute;
  top: 100% !important; /* tempelkan tepat di bawah parent, hilangkan gap */
  left: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: .5rem 0;
  z-index: 9999;
  animation: navesiFade .18s ease-out;
}

.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu { 
  display: block; /* tetap terbuka saat hover atau fokus (klik/tab) */
}

/* ===== Navesi Publications Archive (tanpa Tailwind) ===== */
:root{
  --n-ink:#0f172a;          /* teks utama */
  --n-blue:#002147;         /* Oxford blue */
  --n-accent:#facc15;       /* kuning badge */
}

.nv-section{padding:3.5rem 0}
.nv-container{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.nv-underline{width:64px;height:4px;background:var(--n-accent);border-radius:2px;margin:12px auto 0}

/* Grid 1/2/4 kolom */
.nv-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}
@media(min-width:640px){.nv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.nv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Kartu */
.nv-card{display:block;color:inherit;text-decoration:none !important}
.nv-card:hover{text-decoration:none}
.nv-cover{border-radius:12px;overflow:hidden;background:#f1f5f9}
.nv-aspect{position:relative;padding-top:75%} /* 4:3 */
.nv-aspect>img,.nv-aspect>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.nv-card:hover .nv-aspect>img{transform:scale(1.02)}

/* Judul & badge */
.nv-title{
  margin-top:.75rem;font-weight:800;color:var(--n-ink);
  font-size:clamp(18px,2vw,20px);line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;min-height:84px;word-wrap:break-word;
}
.nv-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:12px}
.nv-badge{display:inline-block;border-radius:9999px;padding:.25rem .75rem;font-weight:600}
.nv-blue{background:var(--n-blue);color:#fff}
.nv-yellow{background:var(--n-accent);color:#000}
.nv-gray{background:#f3f4f6;color:#111827}

/* === Layout kiri-kanan === */
.oxford-header .header-center{
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between; /* kiri & kanan */
  align-items: center;
}

/* Kiri: Home, Blog, Page, dll */
.oxford-header .nav-left{
  display: flex; gap: 28px;
  margin: 0; padding: 0; list-style: none;
}

/* Kanan: About Us + Search */
.oxford-header .nav-right{
  display: flex; gap: 20px;
  margin: 0; padding: 0; list-style: none;
  align-items: center;
}

/* Menu link style */
.oxford-header .ox-nav > li > a{
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  padding: .6rem .9rem;
  border-radius: 0 !important;
  color: var(--ox-text);
  text-decoration: none;
  white-space: nowrap;
}

/* Hover tetap Oxford */
.oxford-header .ox-nav > li:hover > a{
  background: var(--ox-hover) !important;
  color:#fff !important;
}

/* Search pill tetap */
.oxford-header .ox-search-pill{
  display:flex; align-items:center; gap:10px;
  padding: .5rem .9rem;
  border-radius: 999px;
  border:2px solid rgba(255,255,255,.7);
  color:#fff; text-decoration:none;
  line-height:1; white-space:nowrap;
}
.oxford-header .ox-search-pill:hover{
  background: rgba(255,255,255,.08);
  border-color:#fff;
}

/* ===== Warna sesuai rujukan ===== */

/* 1) Teks submenu default = biru (di atas latar putih) */
.sub-menu a{
  display: block;
  padding: .6rem 1rem;
  color: #2B6CA3 !important;  /* biru link submenu */
  white-space: nowrap;
  text-decoration: none;
}

/* 2) Hover submenu = latar biru, teks putih */
.sub-menu a:hover{
  background: #2B6CA3 !important; /* biru hover submenu */
  color: #fff !important;
}

/* 3) Parent (tab utama) saat hover = biru, teks putih */
.menu-item-has-children:hover > a,
.wp-block-navigation-item.has-child:hover > a,
.wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content{
  background: #2B6CA3 !important; /* biru tab parent saat aktif */
  color: #fff !important;
}

@keyframes navesiFade{
  from{opacity:0; transform: translateY(8px)}
  to{opacity:1; transform: translateY(0)}
}
/* ===== Oxford Header Palette ===== */
:root{
  --ox-header: #041B36;    /* navy gelap bar utama */
  --ox-brand:  #002147;    /* Oxford Blue */
  --ox-hover:  #2B6CA3;    /* biru hover tab & submenu */
  --ox-text:   rgba(255,255,255,.85);
  --ox-text-strong: #fff;
  --ox-divider: rgba(255,255,255,.15);
}

/* ===== Bar Header ===== */
.oxford-header{
  background: var(--ox-header) !important; /* override bg-white/80 */
  backdrop-filter: none !important;        /* matikan blur */
  border-bottom: none !important;
  color: var(--ox-text);
}
.oxford-header .site-title,
.oxford-header .site-branding,
.oxford-header a{ color: var(--ox-text); }

/* (opsional) kalau logo gelap, aktifkan ini agar jadi putih */
/* .oxford-header .wp-block-site-logo img{ filter: brightness(0) invert(1); } */

/* ===== Top-level nav ===== */
.oxford-header .ox-nav > li > a{
  color: var(--ox-text);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  padding: .8rem 1rem;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

/* garis pemisah halus antar item */
.oxford-header .ox-nav > li + li{
  border-left: 1px solid var(--ox-divider);
  margin-left: .75rem;
  padding-left: .75rem;
}

/* hover: tab parent menjadi biru */
.oxford-header .ox-nav > li.menu-item-has-children:hover > a,
.oxford-header .ox-nav > li:hover > a{
  background: var(--ox-hover) !important;
  color: #fff !important;
}

/* ===== Dropdown (pakai setinganmu sebelumnya) ===== */
.menu-item-has-children{ position: relative; padding-bottom: 8px; }

.menu-item-has-children > .sub-menu{
  display: none;
  position: absolute;
  top: 100% !important; /* hilangkan gap */
  left: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: .5rem 0;
  z-index: 9999;
  animation: navesiFade .18s ease-out;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu{ display:block; }

/* submenu link default & hover */
.sub-menu a{
  display:block; padding:.6rem 1rem;
  color: var(--ox-hover) !important; /* teks biru di latar putih */
  white-space:nowrap; text-decoration:none;
}
.sub-menu a:hover{ background: var(--ox-hover) !important; color:#fff !important; }

/* ===== Search box di header ===== */
.oxford-header .ox-search .search-form{ display:flex; align-items:center; }
.oxford-header .ox-search .search-field{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  border-radius: 10px;
  padding: .6rem .9rem;
}
.oxford-header .ox-search .search-field::placeholder{ color: rgba(255,255,255,.7); }
.oxford-header .ox-search .search-submit{
  margin-left: .5rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  border-radius: 10px;
  padding: .6rem .8rem;
}

/* ===== Responsif ===== */
@media (max-width: 768px){
  .oxford-header .ox-search{ display:none; } /* simpel: sembunyikan search di mobile */
}

@keyframes navesiFade{
  from{opacity:0; transform: translateY(8px)}
  to{opacity:1; transform: translateY(0)}
}
/* ===== Oxford Header Palette ===== */
:root{
  --ox-header: #041B36;    /* navy gelap bar utama */
  --ox-brand:  #002147;    /* Oxford Blue */
  --ox-hover:  #2B6CA3;    /* biru hover tab & submenu */
  --ox-text:   rgba(255,255,255,.85);
  --ox-text-strong: #fff;
  --ox-divider: rgba(255,255,255,.15);
}

/* ===== Bar Header ===== */
.oxford-header{
  background: var(--ox-header) !important; /* override bg-white/80 */
  backdrop-filter: none !important;        /* matikan blur */
  border-bottom: none !important;
  color: var(--ox-text);
}
.oxford-header .site-title,
.oxford-header .site-branding,
.oxford-header a{ color: var(--ox-text); }

/* (opsional) kalau logo gelap, aktifkan ini agar jadi putih */
/* .oxford-header .wp-block-site-logo img{ filter: brightness(0) invert(1); } */

/* ===== Top-level nav ===== */
.oxford-header .ox-nav > li > a{
  color: var(--ox-text);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  padding: .8rem 1rem;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

/* garis pemisah halus antar item */
.oxford-header .ox-nav > li + li{
  border-left: 1px solid var(--ox-divider);
  margin-left: .75rem;
  padding-left: .75rem;
}

/* hover: tab parent menjadi biru */
.oxford-header .ox-nav > li.menu-item-has-children:hover > a,
.oxford-header .ox-nav > li:hover > a{
  background: var(--ox-hover) !important;
  color: #fff !important;
}

/* ===== Dropdown (pakai setinganmu sebelumnya) ===== */
.menu-item-has-children{ position: relative; padding-bottom: 8px; }

.menu-item-has-children > .sub-menu{
  display: none;
  position: absolute;
  top: 100% !important; /* hilangkan gap */
  left: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: .5rem 0;
  z-index: 9999;
  animation: navesiFade .18s ease-out;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu{ display:block; }

/* submenu link default & hover */
.sub-menu a{
  display:block; padding:.6rem 1rem;
  color: var(--ox-hover) !important; /* teks biru di latar putih */
  white-space:nowrap; text-decoration:none;
}
.sub-menu a:hover{ background: var(--ox-hover) !important; color:#fff !important; }

/* ===== Search box di header ===== */
.oxford-header .ox-search .search-form{ display:flex; align-items:center; }
.oxford-header .ox-search .search-field{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  border-radius: 10px;
  padding: .6rem .9rem;
}
.oxford-header .ox-search .search-field::placeholder{ color: rgba(255,255,255,.7); }
.oxford-header .ox-search .search-submit{
  margin-left: .5rem;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  border-radius: 10px;
  padding: .6rem .8rem;
}

/* ===== Responsif ===== */
@media (max-width: 768px){
  .oxford-header .ox-search{ display:none; } /* simpel: sembunyikan search di mobile */
}

@keyframes navesiFade{
  from{opacity:0; transform: translateY(8px)}
  to{opacity:1; transform: translateY(0)}
}
/* === Layout 3-kolom ala Aberdeen (logo kiri, menu center, search kanan) === */
.oxford-header .header-inner{
  display:flex;
  align-items:center;
  gap: 16px;
  min-height: 68px; /* proporsional */
}

.oxford-header .header-left{ flex: 0 0 auto; }
.oxford-header .header-center{
  flex: 1 1 auto;
  display:flex;
  justify-content: center; /* menu benar-benar di tengah */
}
.oxford-header .header-right{ flex: 0 0 auto; }

/* Brand compact & satu baris */
.oxford-header .brand{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.oxford-header .brand-accent{ display:inline-block; width:10px; height:28px; background: var(--navesi-accent, var(--ox-hover)); border-radius:3px; }
.oxford-header .brand-text{ color: var(--ox-text); font-weight: 700; letter-spacing:.02em; white-space:nowrap; }

/* Pusatkan UL menu dari wp_nav_menu */
.oxford-header .ox-nav{
  display:inline-flex;           /* inline supaya bisa betul-betul center dalam parent flex */
  align-items:center;
  gap: 28px;
  margin: 0; padding: 0; list-style:none;
  flex-wrap: nowrap;             /* cegah pecah baris */
}

/* Item top-level */
.oxford-header .ox-nav > li{ position:relative; padding: 0 14px; }
.oxford-header .ox-nav > li:first-child{ padding-left: 0; }
.oxford-header .ox-nav > li > a{
  display:inline-block;
  text-transform: none;          /* Aberdeen tidak full uppercase */
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  padding: .6rem .8rem;
  color: var(--ox-text);
  border-radius: 999px;          /* sedikit rounded agar soft */
  text-decoration:none;
  white-space: nowrap;
}

/* Divider tipis vertikal (halus, center) */
.oxford-header .ox-nav > li + li::before{
  content:"";
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:1px; height:20px; background: var(--ox-divider);
}

/* Hover parent: BIARKAN PALLET YANG ADA (tidak diubah) */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  background: var(--ox-hover) !important;
  color: #fff !important;
}

/* Tombol Search pill kanan */
.oxford-header .ox-search-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding: .5rem .9rem;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.7);
  color: #fff; text-decoration:none;
  line-height:1;
  transition: background .2s ease, border-color .2s ease;
}
.oxford-header .ox-search-pill:hover{
  background: rgba(255,255,255,.08);
  border-color: #fff;
}

/* Responsif */
@media (max-width: 1024px){
  .oxford-header .ox-nav{ gap: 20px; }
  .oxford-header .ox-nav > li{ padding: 0 10px; }
}
@media (max-width: 768px){
  /* untuk sekarang: sembunyikan menu center agar layout tetap rapi */
  .oxford-header .header-center{ display:none; }
}/* === Penyesuaian font & hover shape === */

/* Font menu lebih kecil & elegan */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;   /* lebih kecil dari 18px */
  font-weight: 600;
  padding: .6rem .9rem;
  border-radius: 0 !important;  /* tajam, bukan rounded */
}

/* Hover state parent: tetap kotak tajam */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  border-radius: 0 !important; /* hilangkan lekukan */
}

/* Dropdown submenu link hover: kotak tajam juga */
.sub-menu a:hover{
  border-radius: 0 !important;
}

/* === Penyesuaian font & hover shape === */

/* Font menu lebih kecil & elegan */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;   /* lebih kecil dari 18px */
  font-weight: 600;
  padding: .6rem .9rem;
  border-radius: 0 !important;  /* tajam, bukan rounded */
}

/* Hover state parent: tetap kotak tajam */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  border-radius: 0 !important; /* hilangkan lekukan */
}

/* Dropdown submenu link hover: kotak tajam juga */
.sub-menu a:hover{
  border-radius: 0 !important;
}

/* === Penyesuaian font & hover shape === */

/* Font menu lebih kecil & elegan */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;   /* lebih kecil dari 18px */
  font-weight: 600;
  padding: .6rem .9rem;
  border-radius: 0 !important;  /* tajam, bukan rounded */
}

/* Hover state parent: tetap kotak tajam */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  border-radius: 0 !important; /* hilangkan lekukan */
}

/* Dropdown submenu link hover: kotak tajam juga */
.sub-menu a:hover{
  border-radius: 0 !important;
}

/* === Kombinasi Oxford background + Aberdeen menu text === */

/* Bar header tetap Oxford navy */
.oxford-header{
  background: var(--ox-header) !important; 
  color: var(--ox-text);
  border-bottom: none !important;
}

/* Menu nav bergaya Aberdeen: lebih ringan, clean */
.oxford-header .ox-nav{
  display: inline-flex !important;
  align-items: center;
  gap: 32px;           /* jarak antar menu, tanpa border */
  margin: 0; padding: 0; list-style: none;
  flex-wrap: nowrap;
}

/* Menu item: font Aberdeen style */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;
  font-weight: 500;                /* lebih ringan dari bold */
  letter-spacing: .02em;           /* rapat */
  text-transform: none !important; /* jangan uppercase paksa */
  padding: .6rem .9rem;
  border-radius: 0 !important;     /* hover kotak tajam */
  color: var(--ox-text);
  text-decoration: none;
  white-space: nowrap;
}

/* Hapus divider antar item */
.oxford-header .ox-nav > li{ padding: 0; }
.oxford-header .ox-nav > li + li::before{ display: none !important; }

/* Hover: kotak tajam Oxford style */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  background: var(--ox-hover) !important;
  color:#fff !important;
  border-radius: 0 !important;
}

/* === Dropdown: kotak tajam & tanpa sisa putih === */

/* Kontainer submenu: sudut tajam, tanpa padding, rapat ke item */
.menu-item-has-children > .sub-menu{
  top: 100% !important;
  border-radius: 0 !important;   /* sudut kotak */
  padding: 0 !important;         /* hilangkan gutter putih atas/bawah */
  overflow: hidden;              /* pastikan hover item tidak keluar kontainer */
}

/* Hilangkan margin bawaan LI di beberapa theme */
.menu-item-has-children > .sub-menu > li{ margin: 0 !important; }

/* Link item: sudut tajam, full-width, tanpa extra white space */
.sub-menu a{
  display: block;
  padding: 10px 14px;            /* sesuaikan kalau mau lebih rapat/longgar */
  border-radius: 0 !important;   /* kotak tajam */
  white-space: nowrap;
}

/* Hover item tetap biru, tapi kotak tajam & pas kontainer */
.sub-menu a:hover{
  background: var(--ox-hover) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* (opsional) garis pemisah tipis antar item—hapus kalau tak perlu */
/* .menu-item-has-children > .sub-menu > li + li > a{ border-top: 1px solid #eef2f6; } */

/* Pastikan divider di menu utama tidak muncul (sesuai permintaan) */
.oxford-header .ox-nav > li + li::before{ display: none !important; }

/* Ukuran & bentuk menu utama sesuai komentar terakhir */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none !important;
  padding: .6rem .9rem;
  border-radius: 0 !important;   /* hover kotak tajam */
}

/* === Submenu sejajar rata kiri dengan parent === */

/* Pastikan submenu nempel langsung di parent */
.menu-item-has-children > .sub-menu{
  left: 0 !important;     /* lurus dengan sisi kiri parent */
  right: auto !important;
  min-width: 100%;        /* lebar minimal sama dengan parent */
  width: max-content;     /* lebar mengikuti isi (tidak lebih lebar dari konten) */
  box-sizing: border-box;
}

/* Hilangkan border-radius & padding agar pas */
.menu-item-has-children > .sub-menu{
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Link di dalam submenu tetap full width */
.sub-menu a{
  display: block;
  width: 100%;
  padding: 10px 14px;
  border-radius: 0 !important;
  white-space: nowrap;
}

/* === Submenu sejajar RATA KIRI dengan parent tab === */

/* Set variabel padding kiri link parent (ikuti padding di .ox-nav > li > a) */
.oxford-header .ox-nav > li { --nav-pad-x: .9rem; }

/* Geser kotak submenu ke kiri sebesar padding link parent */
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu{
  left: 0 !important;
  margin-left: calc(-1 * var(--nav-pad-x)) !important; /* ini yang meratakan kiri */
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  min-width: max(220px, 100%); /* biar tidak lebih sempit dari parent */
  width: max-content;          /* boleh melebar mengikuti isi */
  box-sizing: border-box;
}

/* Link dalam submenu tetap full width & tajam */
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu a{
  display:block; padding:10px 14px; border-radius:0 !important; white-space:nowrap;
}

/* Pastikan divider antar menu utama tidak muncul */
.oxford-header .ox-nav > li + li::before{ display:none !important; }

/* === Nav kiri + About Us di kanan === */
.oxford-header .header-center{
  flex: 1 1 auto;
  display: flex;
  justify-content: center; /* container nav tetap di tengah area tengah */
}
.oxford-header .ox-nav{
  display: flex !important;
  align-items: center;
  gap: 28px;
  margin: 0; padding: 0; list-style: none;
  flex-wrap: nowrap;
}

/* Item umum (Home–Team) */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none !important;
  padding: .6rem .9rem;
  border-radius: 0 !important;   /* hover kotak tajam */
  color: var(--ox-text);
  text-decoration: none;
  white-space: nowrap;
}

/* Dorong ABOUT US ke kanan */
.oxford-header .ox-nav > li.push-right{
  margin-left: auto;              /* ini yang bikin About Us nempel kanan */
}

/* Hapus divider antar item sepenuhnya */
.oxford-header .ox-nav > li + li::before{ display: none !important; }

/* Hover tetap Oxford */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  background: var(--ox-hover) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* Dropdown: kotak tajam & sejajar kiri parent (tetap) */
.menu-item-has-children{ position: relative; padding-bottom: 8px; }
.menu-item-has-children > .sub-menu{
  display:none; position:absolute; top:100% !important; left:0 !important;
  margin-left: 0 !important;       /* cegah geser kanan */
  min-width: max(220px, 100%);     /* tidak lebih sempit dari parent */
  width: max-content;
  background:#fff; border:1px solid #e5e7eb; border-radius:0 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08); padding:0 !important; z-index:9999;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu{ display:block; }
.sub-menu a{ display:block; padding:10px 14px; white-space:nowrap; border-radius:0 !important; }
.sub-menu a:hover{ background: var(--ox-hover) !important; color:#fff !important; }

/* Search pill di kanan tetap rapi */
.oxford-header .header-right{ flex: 0 0 auto; margin-left: 16px; }
.oxford-header .ox-search-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:.5rem .9rem; border-radius:999px;
  border:2px solid rgba(255,255,255,.7); color:#fff; text-decoration:none; line-height:1;
}
.oxford-header .ox-search-pill:hover{ background: rgba(255,255,255,.08); border-color:#fff; }

/* === RATa KIRI SUBMENU PERSIS DENGAN PARENT TAB === */
/* set nilai padding-x yang dipakai top-level link */
.oxford-header .ox-nav > li{ --nav-pad-x: .1rem; }

/* pastikan link pakai padding dari variabel (biar konsisten) */
.oxford-header .ox-nav > li > a{
  padding-left: var(--nav-pad-x) !important;
  padding-right: var(--nav-pad-x) !important;
}

/* sejajarkan kiri submenu ke tepi kiri HIGHLIGHT parent (bukan ke tepi <li>) */
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu{
  left: 0 !important;
  margin-left: calc(-1 * var(--nav-pad-x)) !important; /* kunci: geser kiri sebesar padding link */
  top: calc(100% - 1px) !important;                     /* tumpuk 1px biar tak ada garis putih di antara tab & submenu */
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  /* lebar minimal = lebar parent + padding kiri/kanan */
  min-width: calc(100% + (var(--nav-pad-x) * 2)) !important;
  width: max-content;  /* boleh melebar jika isi panjang */
  box-sizing: border-box;
}

/* === FIX: Parent nav jangan rata-tengah; kiri untuk item biasa, kanan untuk About Us === */

/* Kontainer nav: biarkan fleksibel & rata-kiri */
.oxford-header .header-center{
  display: flex !important;
  flex: 1 1 auto;
}

.oxford-header .ox-nav{
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;  /* ⟵ kunci: rata-kiri, bukan center */
  text-align: left !important;
  width: 100%;
  gap: 28px;
  margin: 0; padding: 0; list-style: none;
}

/* Dorong About Us ke kanan sendiri */
.oxford-header .ox-nav > li.push-right{ margin-left: auto !important; }

/* Hapus padding LI yang bikin offset kiri-kanan */
.oxford-header .ox-nav > li{
  display: inline-flex;
  padding: 0 !important;       /* ⟵ kunci: li menyusut ke lebar <a> saja */
  position: relative;
}

/* Divider yang lama benar-benar dimatikan */
.oxford-header .ox-nav > li + li::before{ display: none !important; }

/* Link top-level: tipografi Aberdeen + kotak tajam saat hover */
.oxford-header .ox-nav > li > a{
  font-size: 16px !important;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none !important;
  padding: .6rem .9rem;        /* kalau kamu ganti, dropdown ikut rapi */
  border-radius: 0 !important;
  white-space: nowrap;
  color: var(--ox-text);
  text-decoration: none;
}
.oxford-header .ox-nav > li:hover > a{ 
  background: var(--ox-hover) !important; 
  color:#fff !important; 
}

/* === Dropdown: sejajar persis dengan parent (karena li sudah shrink-wrap) === */
.oxford-header .ox-nav > li.menu-item-has-children{ padding-bottom: 8px; } /* jembatan hover */

.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu{
  left: 0 !important;                 /* tepi kiri = tepi kiri <li>/<a> */
  top: 100% !important;
  margin-left: 0 !important;
  min-width: 100% !important;         /* lebar minimal = lebar parent */
  width: max-content;                  /* boleh melebar bila teks panjang */
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu > li{ margin:0 !important; }
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu a{
  display:block; padding:10px 14px; white-space:nowrap; border-radius:0 !important;
}

/* === Kurangi gap sebelum About Us === */

/* 1) Sisihkan ruang untuk tombol Search di sisi kanan header */
:root { --search-reserve: 220px; } /* kira-kira lebar pill + ruang napas */
.oxford-header .header-center{
  padding-right: var(--search-reserve) !important;
}

/* 2) About Us: jangan auto-push ke kanan; beri jarak wajar */
.oxford-header .ox-nav > li.push-right{
  margin-left: clamp(24px, 4vw, 60px) !important; /* 24–60px sesuai lebar layar */
}

/* (opsional) kalau masih terlihat terlalu renggang, turunkan saja nilai clamp:
   mis. clamp(16px, 2.5vw, 40px)
*/

/* === 1) Jarak antar parent: konsisten berdasar ujung teks (end-to-end) === */
/* Kuncinya: <li> shrink-wrap ke <a>, padding kiri/kanan seragam, dan jarak pakai gap */
.oxford-header .ox-nav{
  display: flex !important;
  align-items: center;
  gap: 28px;                 /* jarak antar item = konstan */
  margin: 0; padding: 0; list-style: none;
  flex-wrap: nowrap;
}
.oxford-header .ox-nav > li{
  display: inline-flex;      /* li mengikut lebar <a> saja */
}
.oxford-header .ox-nav > li > a{
  /* padding simetris → ujung kanan tiap label “adil”
     sehingga jarak antar LABEL jadi konsisten */
  padding: .6rem .9rem !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none !important;
  white-space: nowrap;
}

/* pastikan divider lama benar-benar mati */
.oxford-header .ox-nav > li + li::before{ display:none !important; }

/* === 2) Bawa kelompok menu mendekati Search (tanpa nempel logo) === */
/* Dorong seluruh UL menu ke kanan, beri jarak aman ke pill Search */
.oxford-header .header-center{
  display:flex !important;
  flex: 1 1 auto;
}
.oxford-header .header-center .ox-nav{
  margin-left: auto !important;      /* geser kelompok menu ke kanan */
  margin-right: 18px !important;     /* jarak aman dari tombol Search */
}

/* Jika masih terasa terlalu ke kiri/kanan, tinggal ubah:
   - gap: 28px        (jarak antar item)
   - margin-right: 18px  (jarak ke tombol Search) */

/* Hover & dropdown tetap seperti sebelumnya—tidak diubah */


/* item di dalam submenu tetap full width & sudut tajam */
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu > li{ margin:0 !important; }
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu a{
  display:block; padding:10px 14px; white-space:nowrap; border-radius:0 !important;
}

/* jaga area hover parent supaya tidak “putus” saat turun ke submenu */
.oxford-header .ox-nav > li.menu-item-has-children{ padding-bottom: 8px; }

/* === Nav style ala Aberdeen === */

/* 1. Struktur nav: rata kiri tapi digeser ke kanan (dekat search) */
.oxford-header .header-center{
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;  /* bawa grup menu ke kanan */
}

/* 2. UL menu */
.oxford-header .ox-nav{
  display: flex;
  align-items: center;
  gap: 36px;                  /* jarak antar menu, sesuaikan dengan contoh Aberdeen */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 3. Item menu */
.oxford-header .ox-nav > li{
  padding: 0 !important;      /* buang padding LI bawaan */
  margin: 0;
}
.oxford-header .ox-nav > li > a{
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: .02em;
  color: var(--ox-text);
  text-decoration: none;
  padding: .6rem 0;           /* hanya padding vertikal, horizontal diatur lewat gap */
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 4. Hover state: Oxford Blue kotak penuh (tajam) */
.oxford-header .ox-nav > li:hover > a,
.oxford-header .ox-nav > li.menu-item-has-children:hover > a{
  background: var(--ox-hover) !important;
  color:#fff !important;
  border-radius: 0 !important;
}

/* 5. Hapus divider/border tipis antar item */
.oxford-header .ox-nav > li + li::before{
  display: none !important;
}
.oxford-header .ox-nav > li > a{
  border: none !important;
}

/* 6. Dropdown: tetap kotak tajam, rata kiri parent */
.menu-item-has-children > .sub-menu{
  top: 100% !important;
  left: 0 !important;
  margin-left: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 100% !important;
  width: max-content;
  border: none !important;            /* tidak ada border luar */
  box-shadow: 0 6px 18px rgba(0,0,0,.12); /* bayangan halus */
}
.sub-menu a{
  display:block;
  padding:10px 14px;
  border-radius:0 !important;
  white-space:nowrap;
}
.sub-menu a:hover{
  background: var(--ox-hover) !important;
  color:#fff !important;
}

/* 7. Search tetap di kanan */
.oxford-header .header-right{ margin-left: 24px; }

/* Hapus SEMUA garis pemisah di menu */
.oxford-header .ox-nav > li + li::before,
.oxford-header .ox-nav > li + li::after,
.oxford-header .ox-nav > li::before,
.oxford-header .ox-nav > li::after{
  content: none !important;
  display: none !important;
}

.oxford-header .ox-nav > li,
.oxford-header .ox-nav > li > a{
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important; /* beberapa tema pakai gradient tipis sbg divider */
}

/* Pastikan area kanan tampil & terposisi */
.oxford-header .header-right{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  margin-left: 24px;
}

/* Paksa pill Search terlihat */
.oxford-header .ox-search-pill{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Kalau dulu pernah sembunyikan search di mobile, netralkan */
@media (max-width: 768px){
  .oxford-header .header-right{ display: flex !important; }
}

.oxford-header .ox-nav{
  display: flex !important;
  align-items: center;
  gap: 36px;                 /* ubah 28–40px sesuai selera */
  margin: 0; padding: 0; list-style: none;
}
.oxford-header .ox-nav > li > a{
  padding: .6rem 0 !important;   /* horizontal dari GAP, bukan padding */
}

/* === A. Hover box penuh & rapi (bukan kecil nempel teks) === */
.oxford-header .ox-nav > li{ --nav-pad-x: 14px; } /* padding kiri/kanan anchor */
.oxford-header .ox-nav > li > a{
  padding: .6rem var(--nav-pad-x) !important;   /* ← aktifkan padding horizontal */
  border-radius: 0 !important;
}

/* Dropdown tetap sejajar kiri parent setelah padding di atas */
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu{
  left: 0 !important;
  top: 100% !important;
  margin-left: calc(-1 * var(--nav-pad-x)) !important;
  min-width: calc(100% + (var(--nav-pad-x) * 2)) !important;
  width: max-content;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

/* === B. Posisi & gap ala Aberdeen (center tapi condong ke kanan karena ada Search) === */
:root{ --search-reserve: 220px; } /* kira-kira lebar pill Search + napas */

.oxford-header .header-inner{
  display: grid !important;
  grid-template-columns: auto 1fr auto; /* kiri: brand | tengah: nav | kanan: search */
  align-items: center;
  gap: 16px;
}

/* NAV benar-benar di tengah area tengah */
.oxford-header .header-center{
  justify-self: center;
  width: 100%;
  padding-right: var(--search-reserve); /* sisakan ruang untuk Search agar nav tampak mendekat ke kanan */
}

/* UL menu: jarak antar parent konsisten via gap (tanpa divider) */
.oxford-header .ox-nav{
  display: inline-flex !important;      /* inline supaya benar2 center dalam kolom tengah */
  align-items: center;
  gap: 32px;                             /* atur 28–40px sesuai selera */
  margin: 0; padding: 0; list-style: none;
  flex-wrap: nowrap;
}

/* Matikan semua divider/border yang ngeyel */
.oxford-header .ox-nav > li + li::before,
.oxford-header .ox-nav > li + li::after,
.oxford-header .ox-nav > li::before,
.oxford-header .ox-nav > li::after{ display:none !important; content:none !important; }
.oxford-header .ox-nav > li,
.oxford-header .ox-nav > li > a{ border:0 !important; box-shadow:none !important; }

/* ABOUT US: jangan dipush auto lagi (biar ikut ritme gap) */
.oxford-header .ox-nav > li.push-right{ margin-left: 0 !important; }

/* Search pill tetap di kolom kanan */
.oxford-header .header-right{ justify-self: end; }
.oxford-header .ox-search-pill{ display:inline-flex !important; }


/* Pastikan container header pakai grid 2 kolom: kiri (brand) & kanan (nav-group) */
.oxford-header .header-inner{
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: center;
}

/* Grup kanan (menu + search) nempel kanan */
.oxford-header .nav-group{
  display: flex !important;
  justify-content: flex-end !important;  /* ⟵ pastikan rata kanan */
  align-items: center;
  gap: 18px;                             /* jarak menu <-> search */
  width: 100%;
}

/* UL menu: rapikan jarak antar item */
.oxford-header .ox-nav{
  display: flex !important;
  align-items: center;
  gap: 20px;     /* ⟵ ubah dari 32px → 20px (lebih rapat) */
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: nowrap;
}

/* Item menu */
.oxford-header .ox-nav > li{
  display: inline-flex;
}
.oxford-header .ox-nav > li > a{
  padding: .6rem 12px !important; /* agak lebih kecil supaya hover box pas */
  font-size: 16px !important;
  font-weight: 500;
  text-transform: none !important;
  border-radius: 0 !important;
  white-space: nowrap;
}

/* === Gap & padding dinamis ala Aberdeen (responsif) === */
:root{
  /* jarak antar item menu */
  --nav-gap: clamp(14px, 2vw, 28px);
  /* jarak antara grup menu dan tombol Search */
  --nav-search-gap: clamp(12px, 2.2vw, 28px);
  /* padding kiri/kanan tiap menu (pengaruh ke lebar hover box) */
  --nav-pad-x: clamp(8px, 1.2vw, 14px);
}

/* grup kanan (menu + search) tetap rata kanan, gap dinamis */
.oxford-header .nav-group{
  gap: var(--nav-search-gap) !important;
}

/* UL menu: gap dinamis */
.oxford-header .ox-nav{
  gap: var(--nav-gap) !important;
}

/* anchor: padding horizontal dinamis → hover box proporsional */
.oxford-header .ox-nav > li > a{
  padding: .6rem var(--nav-pad-x) !important;
}

/* submenu tetap sejajar kiri parent meski padding dinamis */
.oxford-header .ox-nav > li.menu-item-has-children > .sub-menu{
  margin-left: calc(-1 * var(--nav-pad-x)) !important;
  min-width: calc(100% + (var(--nav-pad-x) * 2)) !important;
}

/* ekstra penyetelan untuk layar sangat lebar agar tidak terlalu renggang */
@media (min-width: 1600px){
  :root{
    --nav-gap: 30px;           /* batas atas manual */
    --nav-search-gap: 32px;
    --nav-pad-x: 14px;
  }
}

/* Gambar kartu: pastikan crop rapi dan fokus area */
.feature-card .card-figure img { width:100%; height:11rem /* h-44 ~= 176px */; object-fit:cover; object-position:center; }

/* Jika mau gambar lebih tinggi di mobile */
@media (max-width:640px) {
  .feature-card .card-figure img { height:14rem /* h-56 */; }
}
/* Paksa judul Opuscula tidak pernah terpotong */
.opuscula-section h3 a{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
/* Pastikan kontainer mengizinkan wrapping di layout grid/flex */
.opuscula-section .min-w-0, 
.opuscula-section article,
.opuscula-section article * { min-width: 0 !important; }

/* Paksa judul Opuscula tidak pernah di-truncate oleh CSS global */
.opuscula-section h3 a{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block;
}

/* Matikan pemotongan judul khusus di section Opuscula */
.opuscula-section h3,
.opuscula-section h3 a{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: initial !important;
  line-clamp: initial !important;
}

/* ===== Navesi Global Typography & Components ===== */
:root{
  --n-ink:#0f172a;          /* teks utama */
  --n-blue:#002147;         /* oxford blue */
  --n-accent:#facc15;       /* kuning badge */
  --n-muted:#6b7280;        /* teks sekunder */
  --n-bg:#ffffff;
}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';
  color:var(--n-ink);
  background:var(--n-bg);
  line-height:1.6;
  font-size:16px;
}
h1,h2,h3,h4{font-weight:800;color:var(--n-ink);line-height:1.25;margin:0 0 .5rem}
h1{font-size:clamp(28px,4vw,40px)}
h2{font-size:clamp(24px,3vw,32px)}
h3{font-size:clamp(18px,2vw,20px)}
a{color:#0a58ca;text-decoration:none}
a:hover{color:#084298}

/* Kontainer & section umum (selaras frontpage) */
.nv-container{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.nv-section{padding:3.5rem 0}
.nv-underline{width:64px;height:4px;background:var(--n-accent);border-radius:2px;margin:12px auto 0}

/* Grid kartu publikasi (tanpa Tailwind) */
.nv-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}
@media(min-width:640px){.nv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.nv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.nv-card{display:block;color:inherit}
.nv-cover{border-radius:12px;overflow:hidden;background:#f1f5f9}
.nv-aspect{position:relative;padding-top:75%}/* 4:3 */
.nv-aspect>img,.nv-aspect>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.nv-card:hover .nv-aspect>img{transform:scale(1.02)}

.nv-title{
  margin-top:.75rem;font-weight:800;color:var(--n-ink);
  font-size:clamp(18px,2vw,20px);line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;min-height:84px;word-wrap:break-word;
}
.nv-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:12px}
.nv-badge{display:inline-block;border-radius:9999px;padding:.25rem .75rem;font-weight:600}
.nv-blue{background:var(--n-blue);color:#fff}
.nv-yellow{background:var(--n-accent);color:#000}
.nv-gray{background:#f3f4f6;color:#111827}

/* kartu isi penuh kolom grid */
.nv-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* cover tetap proporsional (sudah ada tapi supaya jelas) */
.nv-cover img{ width:100%; height:100%; object-fit:cover; }

/* judul tanpa clamp, tipografi konsisten */
.nv-title{
  margin-top:.75rem;
  font-weight:800;
  color:var(--n-ink);
  font-size:clamp(18px,2vw,20px);
  line-height:1.25;
  display:block;          /* penting: NO -webkit-box */
  overflow:visible;
  min-height:0;           /* nanti kita set via JS */
  text-wrap:balance;      /* bantu distribusi kata */
}

/* badge container biar ga bikin tinggi meledak */
.nv-badges{ margin-top:.5rem; display:flex; flex-wrap:wrap; gap:.5rem; }

/* Pastikan judul hero tetap putih di homepage */
.home .hero-title,
.home .hero h1 {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.25); /* opsional biar lebih kebaca */
}

/* Subjudul hero kalau perlu */
.home .hero-subtitle { color: #fff !important; }

/* ===== Stories from the Field — Oxford section ===== */
.nv-section--ox{background:#0A1F44;color:#fff;padding:4.5rem 0}
.nv-section--ox .nv-underline{background:#F2C230}
.nv-section--ox h2,.nv-section--ox .nv-title-xl{color:#fff}

/* Feature besar (di atas) */
.nv-feature-ox{position:relative;border-radius:1.25rem;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.35)}
.nv-feature-ox .nv-aspect{position:relative;padding-top:52%} /* ~16:9 */
.nv-feature-ox .nv-aspect>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nv-feature-ox::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.65) 80%)}
.nv-feature-ox .nv-feature-inner{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;color:#fff}
.nv-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.nv-title-xl{font-weight:800;letter-spacing:-.02em;font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.15;margin-top:.25rem}

/* Row horisontal kartu kecil */
.nv-row-scroll{display:flex;gap:1.25rem;overflow-x:auto;padding:1rem .25rem .25rem;margin-top:1.75rem;
  scroll-snap-type:x mandatory}
.nv-row-scroll::-webkit-scrollbar{height:8px}
.nv-row-scroll>a{scroll-snap-align:start;flex:0 0 78%;max-width:78%}        /* mobile: swipe */
@media(min-width:640px){.nv-row-scroll>a{flex-basis:48%;max-width:48%}}     /* tablet: 2 per view */
@media(min-width:1024px){                                                     /* desktop: grid 4 kolom */
  .nv-row-scroll{overflow:visible;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
  .nv-row-scroll>a{flex:initial;max-width:none}
}

/* Kartu kecil */
.nv-card-min{border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(2,6,23,.22)}
.nv-card-min .nv-aspect{position:relative;padding-top:70%}
.nv-card-min .nv-aspect>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nv-card-min .nv-meta{padding:1rem 1rem 1.1rem;border:0;background:#fff}
.nv-card-min .nv-kicker{color:#475569}
.nv-card-min .nv-title{font-weight:800;color:#0A1F44;font-size:1.06rem;line-height:1.2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nv-read{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:#0f172a;margin-top:.5rem}
.nv-read::before{content:"";width:14px;height:2px;background:#0f172a}

/* ===== Stories heading with left accent (Navesi/Oxford) ===== */
.nv-section--ox { 
  background:#0A1F44;        /* Oxford blue */
  color:#fff;
  padding:3.5rem 0;
}

.nv-sec-head{
  display:flex; 
  align-items:center; 
  gap:.75rem; 
  margin-bottom:1.25rem;
}

.nv-sec-accent{
  width:12px;                 /* tipis & tinggi seperti “bar” */
  height:32px;
  background:#F2C230;         /* Navesi yellow */
  border-radius:8px;
  flex:0 0 12px;
}

.nv-sec-title{
  font-weight:800;
  line-height:1.1;
  /* besar, responsif */
  font-size:clamp(2rem, 3.8vw, 3rem);
  margin:0;
}

/* opsional: spacing bawah sebelum kartu besar */
#stories .nv-card--feature{ margin-top:.5rem; }