/* Desktop category + article concept alignment */
@media(min-width:901px){.diksi-category-page,.diksi-single-page{background:#fff;padding:28px 0 60px}.diksi-category-page>.container,.diksi-single-page>.container{max-width:1200px;width:calc(100% - 48px);margin:auto}.diksi-cat-layout{grid-template-columns:minmax(0,820px) 350px!important;gap:30px!important}.diksi-cat-hero{padding:0 0 17px!important}.diksi-cat-hero__title{font-size:46px!important;line-height:1!important;color:#13212d!important}.diksi-cat-hero__desc{font-size:16px!important;color:#687884!important}.diksi-cat-filterbar{margin-bottom:14px!important}.diksi-cat-filters{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important}.diksi-cat-filter{height:46px!important;display:flex!important;justify-content:center!important;align-items:center!important;background:#edf3f8!important;border-radius:6px!important;font-size:13px!important}.diksi-cat-filter.is-active{background:#e90068!important;color:#fff!important}.diksi-cat-sorotan__wrap{grid-template-columns:minmax(0,1fr) 290px!important;min-height:315px!important}.diksi-cat-sorotan__img-box{height:315px!important}.diksi-cat-sorotan__title{font-size:25px!important}.diksi-cat-list-item{grid-template-columns:185px minmax(0,1fr) 34px!important;min-height:128px!important}.diksi-cat-list-thumb{width:185px!important;height:118px!important}.diksi-cat-list-title{font-size:17px!important}.diksi-cat-sidebar{position:static!important}.diksi-cat-side-widget{padding:18px!important}.diksi-single-layout{grid-template-columns:minmax(0,820px) 350px!important;gap:30px!important}.diksi-single-title{font-size:42px!important;line-height:1.08!important}.diksi-single-lead{font-size:17px!important}.diksi-featured-img-box{border-radius:4px!important}.diksi-featured-img{max-height:none!important}.diksi-article-content{font-size:16px!important;line-height:1.72!important}.diksi-single-sidebar-area{padding-top:0!important}.diksi-single-sidebar-area .diksi-sidebar-ad{height:250px!important}.pojoknegeri-single-sidebar{gap:18px!important}.pojoknegeri-side-trending-card{background:#fff!important;color:#13212d!important;border:1px solid #e3eaed!important;border-radius:5px!important}.pojoknegeri-side-trending-title a{color:#13212d!important}.pojoknegeri-side-rank{color:#e90068!important}}@media(min-width:901px){.pn-single-sidebar{display:flex;flex-direction:column;gap:18px}.pn-ad{height:250px;background:#e9f3f8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#587080;border-radius:4px}.pn-ad i{font-size:42px}.pn-ad strong{font-size:18px}.pn-ad small{font-size:11px}.pn-side-list,.pn-side-latest{border:1px solid #e3eaed;padding:14px;border-radius:4px}.pn-side-list header,.pn-side-latest header{display:flex;justify-content:space-between;border-left:3px solid #e90068;padding-left:8px;margin-bottom:8px}.pn-side-list h3,.pn-side-latest h3{margin:0;font-size:18px;color:#13212d}.pn-side-list header a,.pn-side-latest header a{font-size:10px;color:#009bb3}.pn-side-list>a{display:flex;gap:15px;padding:11px 0;border-top:1px solid #e7ecef}.pn-side-list b{font-size:25px;color:#e90068}.pn-side-list span{font-size:12px;font-weight:800;color:#13212d;line-height:1.2}.pn-side-list small,.pn-side-latest small{display:block;color:#83919a;font-size:9px;margin-top:4px}.pn-side-latest>a{display:flex;gap:9px;padding:8px 0;border-top:1px solid #e7ecef}.pn-side-latest img{width:72px;height:52px;object-fit:cover}.pn-side-latest span{font-size:11px;font-weight:800;color:#13212d;line-height:1.2}.pn-focus{background:#009bb3;color:#fff;padding:17px;border-radius:4px}.pn-focus h3{font-size:20px;margin:0 0 5px}.pn-focus p{font-size:11px;margin:0 0 10px}.pn-focus a{display:flex;justify-content:space-between;color:#fff;border-top:1px solid #ffffff66;padding:9px 0;font-size:11px;font-weight:700}}/* Clean single-post desktop foundation: no legacy banner; fluid 70/30 columns. */
@media(min-width:901px){
 .diksi-single-page{padding-top:24px!important}.diksi-single-page>.container{width:min(1200px,calc(100% - 48px))!important;max-width:none!important}
 .diksi-single-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,30%)!important;gap:30px!important;align-items:start!important}
 .diksi-single-article{width:auto!important;min-width:0!important}.diksi-single-sidebar-area{width:auto!important;min-width:0!important}
 .diksi-single-title{font-size:clamp(34px,3.1vw,48px)!important;line-height:1.08!important;word-break:normal!important;overflow-wrap:normal!important}
 .diksi-single-lead{font-size:clamp(15px,1.35vw,18px)!important}.diksi-featured-img{width:100%!important;height:auto!important}.diksi-action-bar{flex-wrap:wrap!important}
}@media(max-width:1199px) and (min-width:701px){.diksi-single-layout{display:block!important}.diksi-single-article{width:100%!important;max-width:760px!important;margin:auto!important}.diksi-single-sidebar-area{width:100%!important;max-width:760px!important;margin:32px auto 0!important}.diksi-single-title{font-size:clamp(34px,5vw,48px)!important;word-break:normal!important;overflow-wrap:normal!important}.pn-single-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.pn-ad,.pn-focus{grid-column:1/-1!important}}
@media(min-width:1200px){.diksi-single-layout{grid-template-columns:minmax(0,760px) 350px!important;gap:40px!important}.diksi-single-title{font-size:42px!important}}

/* =================================================================
   MOBILE HEADER — Editorial Pages (Category, Single, Terkini, etc.)
   Menyamakan tampilan header mobile dengan homepage
   ================================================================= */
@media (max-width: 768px) {

  /* Hide desktop-only top meta bar */
  .pojoknegeri-top-meta-bar { display: none !important; }

  /* ─── Main Header Bar ─── */
  .diksi-header {
    background: #ffffff !important;
    border-bottom: none !important;
    box-shadow: none !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    height: auto !important;
    padding: 0 !important;
  }
  .diksi-header > .container {
    padding: 0 16px !important;
    height: 56px !important;
    border-bottom: 1px solid #e5e7eb !important;
    display: flex !important;
    align-items: center !important;
  }
  .diksi-header__inner {
    height: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  /* ─── Hamburger (kiri) ─── */
  .diksi-hamburger {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 22px !important;
    height: 16px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }
  .diksi-hamburger__bar {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #0d1b2a !important;
    border-radius: 2px !important;
  }

  /* ─── Logo (tengah, margin-right: auto mendorong actions ke kanan) ─── */
  .diksi-logo {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    margin-right: auto !important;
    margin-left: 0 !important;
  }
  .diksi-logo img,
  .pojoknegeri-logo-light {
    height: 32px !important;
    width: auto !important;
    display: block !important;
  }

  /* ─── Desktop search (hidden mobile) ─── */
  .pn-header-search,
  .diksi-header-search { display: none !important; }

  /* ─── Actions kanan: search icon + user icon ─── */
  .pn-mobile-header-actions {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    margin-left: 0 !important;
  }
  .pn-mobile-icon-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background .15s ease !important;
    font-size: 18px !important;
  }
  .pn-mobile-search-btn {
    background: #f1f5f9 !important;
    color: #334155 !important;
    font-size: 18px !important;
  }
  .pn-mobile-user-btn {
    background: #e2e8f0 !important;
    color: #475569 !important;
    font-size: 18px !important;
  }
  .pn-mobile-avatar-btn {
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  /* Hide desktop header actions */
  .diksi-header-actions { display: none !important; }

  /* ─── Category Nav Pill Bar (below header, no gap) ─── */
  .pojoknegeri-desktop-nav {
    display: block !important;
    background: #ffffff !important;
    border-top: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    height: auto !important;
    min-height: auto !important;
    padding: 6px 0 !important;
    box-shadow: none !important;
    position: static !important;
    z-index: 990 !important;
  }
  .pojoknegeri-desktop-nav > .container {
    padding: 0 !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .pojoknegeri-desktop-nav-list {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 2px 16px !important;
    list-style: none !important;
  }
  .pojoknegeri-desktop-nav-list::-webkit-scrollbar { display: none !important; }
  .pojoknegeri-desktop-nav-list li {
    flex-shrink: 0 !important;
    height: auto !important;
    display: inline-flex !important;
  }
  .pojoknegeri-desktop-nav-list li a {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    height: auto !important;
    line-height: 1 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
  .pojoknegeri-desktop-nav-list li.active > a,
  .pojoknegeri-desktop-nav-list li a:hover {
    background: #e90068 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    padding: 7px 14px !important;
    border-radius: 20px !important;
  }

  /* ─── Mobile Category Strip (hide, use desktop-nav pills instead) ─── */
  .diksi-mobile-cat-strip { display: none !important; }

  /* ─── Trending Bar ─── */
  .pn-header-trending,
  .pn-trending.pn-header-trending {
    background: #ffffff !important;
    border-top: none !important;
    border-bottom: none !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 4px 0 10px !important;
  }
  .pn-header-trending .container {
    padding: 0 16px !important;
    height: auto !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
  .pn-header-trending .container::-webkit-scrollbar { display: none !important; }
  .pn-trending-badge {
    background: #e90068 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    border-radius: 16px !important;
    padding: 5px 12px !important;
    letter-spacing: 0.3px !important;
    flex-shrink: 0 !important;
  }
  .pn-trending-tags {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    flex-shrink: 0 !important;
  }
  .pn-trending-tags::-webkit-scrollbar { display: none !important; }
  .pn-trending-tags a {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #0d1b2a !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
}