/* Politikal single post — isolated reference implementation */
:root{--ps-ink:#092036;--ps-muted:#63798a;--ps-pink:#ec0067;--ps-cyan:#00a0b7;--ps-line:#dfe8ed;--ps-soft:#edf7fb}
body.single-post{background:#fff;color:var(--ps-ink)}
.reading-progress{position:fixed;top:0;left:0;height:3px;background:#ec0067;z-index:9999;width:0%;transition:width .1s ease}
.pn-single-page{padding:20px 0 0;background:#fff;font-family:Manrope,sans-serif}
.pn-single-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.pn-single-grid{display:grid;grid-template-columns:minmax(0,790px) 330px;gap:30px;align-items:start}
.pn-article{min-width:0}.pn-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#738798;font-size:12px}.pn-breadcrumb a:hover{color:var(--ps-pink)}.pn-breadcrumb i{font-size:15px}.pn-breadcrumb a:first-child{color:#2f5168}
.pn-article-category{display:inline-flex;margin-bottom:8px;padding:5px 12px;border-radius:4px;background:var(--ps-pink);color:#fff!important;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}
.pn-article-title{max-width:760px;margin:0;color:var(--ps-ink)!important;font-size:40px!important;font-weight:900!important;line-height:1.09!important;letter-spacing:0;word-break:normal!important;overflow-wrap:normal!important}
.pn-article-lead{max-width:760px;margin:8px 0 13px;color:#526a7a;font-size:15px;line-height:1.42}
.pn-article-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.pn-author{display:flex;align-items:center;gap:10px}.pn-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.pn-author-logo-avatar{width:40px;height:40px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#f0f4f7;flex-shrink:0}.pn-author-logo-avatar img{width:40px;height:40px;object-fit:contain;border-radius:8px}.pn-author-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#00c48a;border-radius:50%;margin-left:3px;vertical-align:middle;flex-shrink:0}.pn-author-verified i{font-size:9px;color:#fff;line-height:1}.pn-author div{display:flex;flex-direction:column}.pn-author strong{font-size:11px;color:var(--ps-ink);display:flex;align-items:center}.pn-author span{font-size:10px;color:#718696}.pn-head-actions{display:flex;align-items:center;gap:7px;color:#263e50;font-size:10px;font-weight:700;white-space:nowrap}.pn-head-actions a,.pn-head-actions button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:#fff;color:#163245;font-size:15px}.pn-head-actions .is-facebook{background:#1576dc;color:#fff}.pn-head-actions .is-x{background:#020608;color:#fff}.pn-head-actions .is-whatsapp{background:#13bc58;color:#fff}.pn-head-actions .is-telegram{background:#1da1dc;color:#fff}.pn-head-actions button:nth-last-child(-n+2){width:auto;border-radius:0;font-size:11px;font-weight:800}
.pn-audio-bar{display:grid;grid-template-columns:auto 28px 28px minmax(110px,1fr) auto 34px 20px 90px;align-items:center;gap:8px;min-height:65px;margin:0 0 14px;padding:9px 13px;border:1px solid #31bdd0;border-radius:5px;background:#f3fbfd;color:#18364a}.pn-audio-bar button{display:grid;place-items:center;color:#17384d;font-size:18px;cursor:pointer;background:transparent;border:none;padding:0}.pn-audio-main{display:flex!important;align-items:center;gap:9px!important;text-align:left}.pn-audio-main>i{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--ps-cyan);color:#fff;font-size:22px;transition:transform .15s ease}.pn-audio-main:hover>i{transform:scale(1.06)}.pn-audio-main span{font-size:11px;font-weight:900;line-height:1.2}.pn-audio-main small{display:block;color:#8296a3;font-size:9px;font-weight:500}.pn-audio-wave{display:flex;align-items:center;gap:2px;height:26px}.pn-audio-wave i{display:block;width:2px;height:var(--h,11px);background:#345f75;transition:height .2s ease}.pn-audio-wave i:nth-child(3n+1){--h:20px}.pn-audio-wave i:nth-child(3n+2){--h:8px}.pn-audio-wave.is-playing i{animation:pnWavePulse .8s ease-in-out infinite alternate}.pn-audio-wave.is-playing i:nth-child(2n){animation-delay:.15s}.pn-audio-wave.is-playing i:nth-child(3n){animation-delay:.3s}.pn-audio-wave.is-playing i:nth-child(4n){animation-delay:.45s}@keyframes pnWavePulse{0%{height:4px}50%{height:22px}100%{height:8px}}.pn-audio-time{font-size:9px;color:#728997;font-variant-numeric:tabular-nums}.pn-audio-speed{padding:6px;border:1px solid #c8dbe3;border-radius:4px;background:#fff;font-size:10px;cursor:pointer;user-select:none;transition:background .15s ease}.pn-audio-speed:hover{background:#edf6f8}.pn-audio-track{height:3px;border-radius:4px;background:#78bdc8;position:relative;overflow:hidden}.pn-audio-track i{display:block;width:0%;height:3px;background:var(--ps-cyan);transition:width .2s linear}
.pn-article-figure{margin:0 0 16px}.pn-article-image{display:block;width:100%;max-height:540px;object-fit:cover;border-radius:4px}.pn-article-figure figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:5px;color:#82919b;font-size:8px;line-height:1.35}
.pn-article-body{color:#1e293b;font-size:16.5px!important;line-height:1.85!important}.pn-article-body p,.pn-article-body ul,.pn-article-body ol{margin:0 0 20px!important;line-height:1.85!important;display:block!important}.pn-article-body h2,.pn-article-body h3{margin:34px 0 14px!important;color:var(--ps-ink);font-size:22px!important;line-height:1.35!important}.pn-article-body strong{color:#183348}.pn-article-body ul,.pn-article-body ol{padding-left:24px;list-style:initial}.pn-article-body ol{list-style:decimal}.pn-article-body blockquote{position:relative;margin:22px 0;padding:16px 22px 16px 64px;border-left:4px solid var(--ps-cyan);border-radius:3px;background:#eaf8fc;color:#315668;font-size:15px;font-style:italic}.pn-article-body blockquote:before{content:'“';position:absolute;left:17px;top:0;color:var(--ps-cyan);font:700 58px/1 Georgia,serif}.pn-article-body img{border-radius:4px}.pn-article-body a{color:var(--ps-pink);font-weight:700}
.pn-keywords{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0;font-size:11px}.pn-keywords a{padding:6px 13px;border:1px solid #ffc2db;border-radius:4px;background:#ffedf5;color:#dd1266;font-weight:700}
.pn-editor-box{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;border:1px solid var(--ps-line);border-radius:5px;background:#fbfdfe}.pn-editor-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;font-size:24px;font-weight:900;background:linear-gradient(145deg,#00a9b5 0 45%,#ed0067 46%);clip-path:polygon(22% 0,100% 18%,78% 100%,0 80%)}.pn-editor-logo-mark{background:transparent!important;clip-path:none!important;border-radius:8px!important;overflow:hidden!important}.pn-editor-box strong{font-size:12px}.pn-editor-box p{margin:2px 0 0;color:#647a89;font-size:10px;line-height:1.4}.pn-editor-box>a{padding:8px 11px;border:1px solid var(--ps-cyan);border-radius:4px;color:var(--ps-cyan);font-size:10px;font-weight:800}.pn-editor-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#00c48a;border-radius:50%;margin-left:3px;vertical-align:middle;flex-shrink:0}.pn-editor-verified i{font-size:9px;color:#fff;line-height:1}
.pn-share-row{display:flex;align-items:center;gap:13px;padding:5px 0 18px;font-size:10px}.pn-share-row a,.pn-share-row button{display:flex;align-items:center;gap:4px;color:#20394a;font-weight:700}.pn-share-row i{font-size:18px}.pn-share-row .is-facebook i{color:#1678df}.pn-share-row .is-whatsapp i{color:#0cb95b}.pn-share-row .is-telegram i{color:#159ed9}
.pn-single-aside{min-width:0;padding-top:1px;border-left:1px solid #edf1f3;padding-left:18px}.pn-single-sidebar{display:flex;flex-direction:column;gap:17px}.pn-ad{display:flex;height:210px;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;background:#eaf3f8;color:#627b8c}.pn-ad i{font-size:47px;color:#7e9db2}.pn-ad strong{font-size:18px;font-weight:500}.pn-ad small{font-size:10px}
.pn-side-list,.pn-side-latest,.pn-editor-picks{border:0!important;padding:0!important}.pn-side-list header,.pn-side-latest header,.pn-editor-picks header{display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:0 0 7px 9px!important;border:0!important;border-left:4px solid var(--ps-pink)!important}.pn-side-list h2,.pn-side-latest h2,.pn-editor-picks h2{margin:0;color:var(--ps-ink);font-size:18px;font-weight:900}.pn-side-list header a,.pn-side-latest header a{color:var(--ps-cyan);font-size:9px;font-weight:800}.pn-side-list article{display:grid;grid-template-columns:45px 1fr;gap:9px;padding:12px 4px;border-top:1px solid var(--ps-line)}.pn-side-rank{color:var(--ps-pink);font-size:27px;font-weight:900;line-height:1}.pn-side-list article a,.pn-side-latest article>div>a,.pn-editor-picks article>div>a{display:block;color:var(--ps-ink);font-size:12px;font-weight:800;line-height:1.24}.pn-side-list small,.pn-side-latest small,.pn-editor-picks small{display:block;margin-top:3px;color:#81919b;font-size:8px}.pn-side-latest article,.pn-editor-picks article{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--ps-line)}.pn-side-thumb{display:block;height:64px;overflow:hidden;border-radius:3px;background:#eaf1f5}.pn-side-thumb img{width:100%;height:100%;object-fit:cover}
.pn-focus{padding:16px!important;border-radius:5px!important;background:linear-gradient(135deg,#00a5b8,#007e9b)!important;color:#fff!important}.pn-focus h2{margin:0;color:#fff;font-size:20px}.pn-focus p{margin:2px 0 11px;color:#d7f7fa;font-size:11px}.pn-focus nav{overflow:hidden;border-radius:4px;background:#fff}.pn-focus nav a{display:grid;grid-template-columns:16px 1fr 16px;align-items:center;gap:5px;padding:9px 8px;border-top:1px solid #dbecee;color:#173a4c!important;font-size:9px!important;font-weight:800}.pn-focus nav a:first-child{border-top:0}.pn-focus nav i{color:var(--ps-cyan)}.pn-editor-picks article{grid-template-columns:125px 1fr}.pn-editor-picks .pn-side-thumb{height:73px}
.pn-related{margin-top:15px;padding-top:2px}.pn-related>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-left:9px;border-left:4px solid var(--ps-pink)}.pn-related h2{margin:0;color:var(--ps-ink);font-size:19px}.pn-related>header>a{color:var(--ps-cyan);font-size:10px;font-weight:800}.pn-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pn-related-grid article{overflow:hidden;border:1px solid var(--ps-line);border-radius:3px;background:#fff}.pn-related-thumb{display:block;height:112px;overflow:hidden}.pn-related-thumb img{width:100%;height:100%;object-fit:cover}.pn-related-grid h3{margin:7px 9px 2px;font-size:12px;line-height:1.22}.pn-related-grid time{display:block;margin:0 9px 9px;color:#80919d;font-size:9px}

body.single-post .Politikal-newsletter-strip{display:block!important;background:linear-gradient(100deg,#ed006b,#fa4070)!important;color:#fff!important;padding:0!important;border:0!important}
body.single-post .Politikal-newsletter-strip .container{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding-top:14px!important;padding-bottom:14px!important}
body.single-post .Politikal-newsletter-copy{display:flex!important;align-items:center!important;gap:14px!important}
body.single-post .Politikal-newsletter-copy>i{width:44px!important;height:44px!important;background:rgba(255,255,255,.2)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font-size:22px!important;color:#fff!important}
body.single-post .Politikal-newsletter-copy h2{font-size:16px!important;font-weight:900!important;color:#fff!important;margin:0 0 3px!important;font-family:Manrope,sans-serif!important}
body.single-post .Politikal-newsletter-copy h2 strong{font-weight:900!important}
body.single-post .Politikal-newsletter-strip p{font-size:12px!important;color:rgba(255,255,255,.85)!important;margin:0!important}
body.single-post .Politikal-newsletter-strip .newsletter-form{display:flex!important;flex-shrink:0!important;gap:0!important;border-radius:5px!important;overflow:hidden!important}
body.single-post .Politikal-newsletter-strip input[type="email"]{padding:0 16px!important;height:42px!important;border:0!important;outline:0!important;font-size:13px!important;width:240px!important;font-family:inherit!important}
body.single-post .Politikal-newsletter-strip button[type="submit"]{height:42px!important;padding:0 22px!important;background:#071d2c!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;font-family:inherit!important;transition:background .2s!important}
body.single-post .Politikal-newsletter-strip button[type="submit"]:hover{background:#0f2d42!important}
body.single-post .diksi-footer{background:#071d2c!important;color:#c8d8e2!important;padding:48px 0 36px!important;border:0!important;border-top:0!important;border-bottom:0!important}
body.single-post .diksi-footer .container{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important}
body.single-post .diksi-footer-grid{display:grid!important;grid-template-columns:280px 130px 210px 160px minmax(180px,1fr)!important;gap:28px!important;align-items:start!important;border:0!important;border-bottom:0!important;padding-bottom:0!important}
body.single-post .diksi-footer-desc{font-size:11.5px!important;line-height:1.6!important;color:#9ab0bc!important;margin:0!important}
body.single-post .diksi-footer-title{font-size:14px!important;font-weight:800!important;color:#fff!important;margin:0 0 16px!important;letter-spacing:.2px!important;text-transform:none!important}
body.single-post .diksi-footer-nav ul{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}
body.single-post .diksi-footer-nav a{font-size:12px!important;color:#9ab0bc!important;text-decoration:none!important;transition:color .15s ease!important}
body.single-post .diksi-footer-nav a:hover{color:#fff!important}
body.single-post .diksi-footer-social-icons{display:flex!important;gap:8px!important;margin-bottom:16px!important;flex-wrap:wrap!important}
body.single-post .diksi-footer-social-icons a{width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:16px!important;text-decoration:none!important;transition:all .2s ease!important;border:1px solid rgba(255,255,255,.12)!important}
body.single-post .diksi-footer-social-icons a:hover{background:#ec0067!important;border-color:#ec0067!important}
body.single-post .diksi-footer-copyright-text p{font-size:11px!important;color:#7f95a3!important;line-height:1.5!important;margin:0!important}
body.single-post .diksi-footer-bottom{display:none!important;border:0!important}
@media(max-width:900px){
  body.single-post .Politikal-newsletter-strip .container{flex-direction:column!important;align-items:flex-start!important;width:100%!important;padding:18px 16px!important}
  body.single-post .Politikal-newsletter-strip input[type="email"]{width:100%!important;flex:1!important}
  body.single-post .Politikal-newsletter-strip .newsletter-form{width:100%!important}
  body.single-post .diksi-footer-grid{grid-template-columns:1fr 1fr 1fr!important}
  body.single-post .diksi-footer-brand{grid-column:1 / -1!important}
}
@media(max-width:640px){
  body.single-post .diksi-footer-grid{grid-template-columns:1fr 1fr!important}
  body.single-post .diksi-footer-social-col{grid-column:1 / -1!important}
}
@media(max-width:768px){
  /* Give footer extra bottom space so the fixed action bar doesn't overlap */
  body.single-post .diksi-footer{padding-bottom:80px!important}
  body.single-post .diksi-footer-grid{grid-template-columns:1fr 1fr!important}
  body.single-post .diksi-footer-brand{grid-column:1 / -1!important}
  body.single-post .diksi-footer-social-col{grid-column:1 / -1!important}
}


/* Fail-safe off-canvas bookmark drawer & notification prompt */
.diksi-bookmark-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 400px !important;
  transform: translateX(100%) !important;
  z-index: 99999 !important;
  box-shadow: -10px 0 40px rgba(0,0,0,0.2) !important;
}
.diksi-bookmark-drawer.is-open {
  transform: translateX(0) !important;
}
.diksi-drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: 99998 !important;
}
.diksi-drawer-overlay.is-open {
  visibility: visible !important;
  opacity: 1 !important;
}

@media(max-width:1000px){.pn-single-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.pn-article-title{font-size:34px!important}.pn-audio-bar{grid-template-columns:auto 25px 25px 1fr auto}.pn-audio-speed,.pn-audio-bar>.ri-volume-up-line,.pn-audio-track{display:none}.pn-head-actions span{display:none}}
@media(max-width:780px){.pn-single-page{padding-top:14px}.pn-single-shell{width:min(100% - 28px,720px)}.pn-single-grid{display:block}.pn-single-aside{margin-top:28px;padding:0;border:0}.pn-article-title{font-size:30px!important;letter-spacing:0}.pn-article-meta{align-items:flex-start;flex-direction:column}.pn-head-actions{flex-wrap:wrap}.pn-audio-bar{grid-template-columns:auto 28px 28px 1fr}.pn-audio-time{display:none}.pn-article-figure figcaption{display:block}.pn-related-grid{grid-template-columns:repeat(2,1fr)}.pn-share-row{overflow-x:auto}.pn-single-sidebar{display:grid;grid-template-columns:1fr}.pn-editor-box{grid-template-columns:44px 1fr}.pn-editor-box>a{grid-column:1/-1;text-align:center}}
@media(max-width:480px){.pn-single-shell{width:calc(100% - 22px)}.pn-article-title{font-size:28px!important}.pn-article-lead{font-size:14px}.pn-audio-bar{grid-template-columns:auto 26px 26px}.pn-audio-wave{display:none}.pn-related-grid{grid-template-columns:1fr 1fr;gap:9px}.pn-related-thumb{height:90px}.pn-related-grid h3{font-size:10px}.pn-side-latest article,.pn-editor-picks article{grid-template-columns:105px 1fr}}


/* ============================================================
   Single Post Header — 100% identical to homepage-concept.css
   ============================================================ */

/* Top meta bar */
body.single-post .Politikal-top-meta-bar{display:flex!important;align-items:center!important;background:#071d2c!important;color:#c8d8e2!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:11px!important;position:relative;z-index:31!important;border:0!important;font-family:Manrope,sans-serif!important}
body.single-post .Politikal-top-meta-bar .container{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important;height:34px!important;width:100%!important;display:flex!important;align-items:center!important}
body.single-post .Politikal-top-meta-inner{height:34px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
body.single-post .Politikal-top-date{font-size:11px!important;font-weight:600!important;color:#a8bec9!important;display:flex!important;align-items:center!important;gap:6px!important;height:34px!important}
body.single-post .Politikal-top-date i{font-size:13px!important}
body.single-post .pn-utility{display:flex!important;align-items:center!important;gap:6px!important;height:34px!important;margin:0!important;color:#c8d8e2!important;font-size:11px!important;font-weight:600!important;line-height:1!important}
body.single-post .pn-utility a{color:#c8d8e2!important;font-size:11px!important;font-weight:600!important;text-decoration:none!important;padding:0 4px!important;transition:color .15s!important;height:34px!important;display:inline-flex!important;align-items:center!important}
body.single-post .pn-utility a:hover{color:#fff!important}
body.single-post .pn-utility-sep{color:#2b4557!important;font-size:10px!important}
body.single-post .pn-utility-login{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#e90068!important;color:#fff!important;padding:0 14px!important;margin-left:6px!important;border-radius:4px!important;font-size:11px!important;font-weight:800!important;height:26px!important;text-decoration:none!important;line-height:26px!important}
body.single-post .pn-theme-toggle,body.single-post .Politikal-drawer-darkmode,body.single-post #pn-theme-toggle,body.single-post #Politikal-theme-toggle{display:none!important}

/* Main header — sticky, matches homepage */
body.single-post .diksi-header{background:#fff!important;border-bottom:0!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important;position:sticky!important;top:0!important;z-index:999!important;overflow:visible!important;padding:0!important;font-family:Manrope,sans-serif!important}
body.single-post .diksi-header>.container{max-width:1200px!important;padding:0 24px!important;height:auto!important}
body.single-post .diksi-header__inner{height:58px!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:0!important;border:0!important}
body.single-post .diksi-hamburger{display:none!important}
body.single-post .diksi-logo{width:auto!important;display:flex!important;align-items:center!important;flex-shrink:0!important;margin:0!important;justify-content:flex-start!important}
body.single-post .diksi-logo img{display:block!important;width:auto!important;height:46px!important;max-width:220px!important;object-fit:contain!important}
body.single-post .diksi-logo .Politikal-logo-dark{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
body.single-post .diksi-logo .Politikal-logo-light{display:block!important;width:auto!important;height:46px!important;max-height:46px!important;visibility:visible!important}

/* Search bar — identical to homepage */
body.single-post .pn-header-search{display:flex!important;flex:1 1 auto!important;max-width:600px!important;height:38px!important;background:#edf3f6!important;border-radius:19px!important;overflow:hidden!important;align-items:center!important;padding-left:14px!important;margin-left:auto!important;border:0!important;box-shadow:none!important}
body.single-post .pn-header-search i{font-size:15px!important;color:#9aa8b0!important;flex-shrink:0!important}
body.single-post .pn-header-search input{flex:1!important;border:0!important;outline:0!important;background:transparent!important;padding:0 10px!important;font-size:13px!important;color:#43515c!important;font-family:inherit!important;height:38px!important}
body.single-post .pn-header-search button{height:38px!important;flex-basis:46px!important;background:#ffffff!important;color:#009bb3!important;font-size:16px!important;display:grid!important;place-items:center!important;cursor:pointer!important;border-radius:0 19px 19px 0!important;flex-shrink:0!important;width:auto!important;border:1px solid #dce5ea!important;border-left:0!important;transition:background .15s ease,color .15s ease!important}
body.single-post .pn-header-search button:hover{background:#f8fafc!important;color:#e90068!important}
body.single-post .diksi-header-actions{display:none!important}

/* Desktop nav bar — identical to homepage */
body.single-post .Politikal-desktop-nav{display:block!important;position:static!important;height:36px!important;min-height:36px!important;background:#fff!important;border-top:1px solid #edf1f3!important;border-bottom:none!important;z-index:29!important;margin:0!important;padding:0!important;box-shadow:none!important}
body.single-post .Politikal-desktop-nav>.container{max-width:1200px!important;padding:0 24px!important;height:36px!important;margin:0 auto!important;display:flex!important;align-items:center!important}
body.single-post .Politikal-desktop-nav-list{height:36px!important;display:flex!important;align-items:center!important;gap:24px!important;list-style:none!important;margin:0!important;padding:0!important;justify-content:flex-start!important}
body.single-post .Politikal-desktop-nav-list li{height:36px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
body.single-post .Politikal-desktop-nav-list li::after,body.single-post .Politikal-desktop-nav-list li.active::after{display:none!important;content:none!important}
body.single-post .Politikal-desktop-nav-list a{display:inline-flex!important;align-items:center!important;gap:3px!important;font-size:13px!important;font-weight:700!important;color:#2d3748!important;text-decoration:none!important;border-bottom:none!important;box-shadow:none!important;padding:0!important;transition:color .15s ease!important;height:36px!important;line-height:1!important}
body.single-post .Politikal-desktop-nav-list li.active>a,body.single-post .Politikal-desktop-nav-list a:hover{color:#e90068!important;font-weight:800!important;text-decoration:none!important;border-bottom:none!important;box-shadow:none!important}
body.single-post .Politikal-desktop-nav-list a i{font-size:14px!important;color:inherit!important;opacity:.7!important}

/* Trending bar — identical to homepage */
body.single-post .pn-header-trending{display:block!important;height:34px!important;background:#eefbfe!important;border:0!important;box-shadow:none!important;font-family:Manrope,sans-serif!important;overflow:hidden!important}
body.single-post .pn-header-trending .container{max-width:1200px!important;padding:0 24px!important;margin:0 auto!important;height:34px!important;display:flex!important;align-items:center!important;gap:18px!important;width:100%!important}
body.single-post .pn-trending-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;height:22px!important;padding:0 12px!important;border-radius:4px!important;background:#ec0067!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
body.single-post .pn-trending-tags{display:flex!important;align-items:center!important;gap:31px!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important}
body.single-post .pn-trending-tags a{color:#314a5f!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;line-height:1!important}
body.single-post .diksi-mobile-cat-strip{display:none!important}
body.single-post .pn-comments-preview{display:none!important}

/* Mobile — collapse to hamburger */
@media(max-width:900px){
  body.single-post .Politikal-top-meta-bar,body.single-post .Politikal-desktop-nav,body.single-post .pn-header-trending{display:none!important}
  body.single-post .diksi-header>.container{padding:0 14px!important}
  body.single-post .diksi-header__inner{height:58px!important;display:flex!important;justify-content:space-between!important;gap:12px!important}
  body.single-post .diksi-hamburger{display:flex!important}
  body.single-post .pn-header-search{display:none!important}
  body.single-post .diksi-mobile-cat-strip{display:block!important}
}

/* Keep exactly one desktop brand mark; legacy dark-mode assets are not used. */
body.single-post .diksi-header .diksi-logo .Politikal-logo-light{display:block!important;width:auto!important;height:46px!important;max-height:46px!important;visibility:visible!important}
body.single-post .diksi-header .diksi-logo .Politikal-logo-dark{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
body.single-post .scroll-top{display:none!important}

/* ============================================================
   MOBILE SINGLE POST TOP BAR — matches singlepost-mobile.jpeg
   ============================================================ */
.pn-mobile-single-header{display:none} /* hidden by default on desktop */

@media(max-width:768px){
  /* Show the dedicated single post top bar */
  .pn-mobile-single-header{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    position:sticky;
    top:0;left:0;right:0;
    height:52px;
    background:#fff;
    box-shadow:0 1px 6px rgba(0,0,0,.10);
    z-index:9999;
    padding:0 12px;
    gap:8px;
  }
  /* Hide standard header elements on mobile single post */
  body.single-post .diksi-header,
  body.single-post .diksi-mobile-cat-strip,
  body.single-post .Politikal-top-meta-bar,
  body.single-post .Politikal-desktop-nav,
  body.single-post .pn-header-trending,
  body.single-post .pn-mobile-header-actions,
  body.single-post .diksi-hamburger{display:none!important}

  /* Reading progress bar below single header */
  body.single-post .reading-progress{
    position:fixed;top:52px;left:0;height:3px;
    background:#ec0067;z-index:10000;width:0%;
    transition:width .1s ease;
  }

  /* Back button */
  .pn-msph-back{
    display:grid;place-items:center;
    width:38px;height:38px;
    border:0;background:transparent;
    color:#13212d;font-size:22px;
    cursor:pointer;flex-shrink:0;
    border-radius:50%;
  }
  .pn-msph-back:hover{background:#f0f3f5}

  /* Centered Logo */
  .pn-msph-logo{flex:1;display:flex;align-items:center;justify-content:center}
  .pn-msph-logo img{height:30px;width:auto;object-fit:contain;display:block}

  /* Right actions (bookmark + 3-dot) */
  .pn-msph-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
  .pn-msph-btn{
    display:grid;place-items:center;
    width:38px;height:38px;
    border:0;background:transparent;
    color:#13212d;font-size:20px;
    cursor:pointer;border-radius:50%;
  }
  .pn-msph-btn:hover{background:#f0f3f5}

  /* ===== Single page layout on mobile ===== */
  body.single-post{background:#fff!important}
  .pn-single-page{padding:12px 0 80px!important}
  .pn-single-shell{width:calc(100% - 28px)!important;margin:0 auto!important}
  .pn-single-grid{display:block!important}
  .pn-single-aside{display:none!important}

  /* Breadcrumb — clean "Kalimantan / Samarinda" */
  .pn-breadcrumb{
    display:flex;align-items:center;gap:6px;
    font-size:12px;color:#64748b;margin:0 0 10px;flex-wrap:wrap;
  }
  .pn-breadcrumb a{color:#64748b;font-size:12px;text-decoration:none}
  .pn-breadcrumb .pn-bc-sep{color:#94a3b8;font-size:12px}
  .pn-breadcrumb .pn-bc-current{color:#e90068!important;font-size:12px;font-weight:600}

  /* Category badge */
  .pn-article-category{
    display:inline-flex!important;margin:0 0 10px!important;
    padding:4px 10px!important;border-radius:4px!important;
    background:#e90068!important;color:#fff!important;
    font-size:10px!important;font-weight:800!important;
    text-transform:uppercase!important;letter-spacing:.5px!important;
  }

  /* Title */
  .pn-article-title{
    font-size:23px!important;font-weight:800!important;line-height:1.2!important;
    color:#0f172a!important;margin:0 0 8px!important;word-break:break-word!important;
  }

  /* Lead */
  .pn-article-lead{font-size:14px!important;color:#64748b!important;line-height:1.5!important;margin:0 0 14px!important}

  /* Author row */
  .pn-article-meta{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;flex-direction:row!important}
  .pn-author{display:flex;align-items:center;gap:10px;flex:1}
  .pn-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
  .pn-author div{display:flex;flex-direction:column;gap:1px}
  .pn-author strong{font-size:13px;font-weight:700;color:#0f172a}
  .pn-author span{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
  .pn-meta-dot{color:#94a3b8}
  .pn-desktop-only{display:none!important}

  /* ===== AUDIO PLAYER CARD ===== */
  .pn-audio-bar{
    display:flex!important;align-items:center;gap:8px;
    min-height:64px;margin:0 0 16px!important;
    padding:10px 14px!important;
    border:1.5px solid #31bdd0!important;border-radius:10px!important;
    background:linear-gradient(135deg,#f0fafb 0%,#e4f6fa 100%)!important;
    color:#18364a;overflow:hidden;
  }
  .pn-audio-main{
    display:flex!important;align-items:center;gap:10px!important;flex-shrink:0;
    background:transparent!important;border:0!important;padding:0!important;
    cursor:pointer;text-align:left;
  }
  .pn-audio-head-icon{
    display:grid!important;place-items:center!important;
    width:40px!important;height:40px!important;border-radius:50%!important;
    background:#009bb3!important;color:#fff!important;font-size:20px!important;flex-shrink:0!important;
  }
  .pn-audio-main span{font-size:12px!important;font-weight:800!important;line-height:1.2!important;color:#1a3a4a!important}
  .pn-audio-main small{display:block!important;color:#6e8e9e!important;font-size:10px!important;font-weight:500!important;margin-top:1px!important}
  .pn-audio-main > i.ri-play-fill{display:none!important}

  /* Rewind */
  .pn-audio-rewind{
    display:grid!important;place-items:center!important;
    width:32px!important;height:32px!important;
    border:0!important;background:transparent!important;
    color:#1a3a4a!important;font-size:20px!important;cursor:pointer;flex-shrink:0;
  }

  /* Cyan play button (circle) */
  .pn-audio-play-btn{
    display:grid!important;place-items:center!important;
    width:40px!important;height:40px!important;border-radius:50%!important;
    background:#009bb3!important;border:0!important;color:#fff!important;
    font-size:22px!important;cursor:pointer;flex-shrink:0;
    transition:transform .15s ease,background .15s ease;
  }
  .pn-audio-play-btn:hover{background:#007f95!important;transform:scale(1.05)!important}

  /* Soundwave bars */
  .pn-audio-wave{display:flex!important;align-items:center;gap:2px;height:26px;flex:1;min-width:0}
  .pn-audio-wave i{
    display:block!important;width:2.5px;
    background:#3db5c8;border-radius:2px;transition:height .2s ease;
  }
  .pn-audio-wave i:nth-child(1){height:10px}.pn-audio-wave i:nth-child(2){height:18px}
  .pn-audio-wave i:nth-child(3){height:8px}.pn-audio-wave i:nth-child(4){height:22px}
  .pn-audio-wave i:nth-child(5){height:14px}.pn-audio-wave i:nth-child(6){height:20px}
  .pn-audio-wave i:nth-child(7){height:10px}.pn-audio-wave i:nth-child(8){height:16px}
  .pn-audio-wave i:nth-child(9){height:8px}.pn-audio-wave i:nth-child(10){height:18px}
  .pn-audio-wave i:nth-child(11){height:12px}.pn-audio-wave i:nth-child(12){height:20px}
  .pn-audio-wave.is-playing i{animation:pnWavePulse .8s ease-in-out infinite alternate}
  .pn-audio-wave.is-playing i:nth-child(2n){animation-delay:.15s}
  .pn-audio-wave.is-playing i:nth-child(3n){animation-delay:.3s}

  /* Time */
  .pn-audio-time{font-size:10px!important;color:#6e8e9e!important;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}

  /* Speed pill */
  .pn-audio-speed{
    display:inline-flex!important;align-items:center!important;
    padding:4px 8px!important;border:1px solid #b5dce4!important;border-radius:5px!important;
    background:#fff!important;font-size:11px!important;font-weight:700!important;
    color:#18364a!important;cursor:pointer!important;white-space:nowrap;flex-shrink:0;
  }

  /* Featured image */
  .pn-article-figure{margin:0 0 14px!important}
  .pn-article-image{display:block!important;width:100%!important;border-radius:12px!important;object-fit:cover!important;max-height:240px!important}
  .pn-article-figure figcaption{
    display:flex!important;justify-content:space-between!important;gap:10px!important;
    margin-top:6px!important;color:#94a3b8!important;font-size:10px!important;line-height:1.4!important;
  }
  .pn-article-figure figcaption span:first-child{flex:1}
  .pn-article-figure figcaption span:last-child{white-space:nowrap;flex-shrink:0}

  /* Article body */
  .pn-article-body{font-size:16px!important;line-height:1.8!important;color:#1e293b!important}
  .pn-article-body p,.pn-article-body ul,.pn-article-body ol{margin:0 0 18px!important;line-height:1.8!important;display:block!important}
  .pn-article-body h2,.pn-article-body h3{font-size:20px!important;font-weight:800!important;color:#0f172a!important;margin:28px 0 12px!important;line-height:1.35!important}

  /* Pullquote / blockquote */
  .pn-article-body blockquote{
    position:relative!important;margin:16px 0!important;
    padding:16px 16px 16px 56px!important;
    border-left:4px solid #009bb3!important;border-radius:4px!important;
    background:#eaf8fc!important;color:#315668!important;
    font-size:14px!important;font-style:italic!important;line-height:1.6!important;
  }
  .pn-article-body blockquote:before{
    content:'"';position:absolute!important;left:12px;top:4px;
    color:#009bb3!important;font:700 48px/1 Georgia,serif;
  }

  /* Keywords */
  .pn-keywords{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0;font-size:11px}
  .pn-keywords a{padding:5px 10px;border:1px solid #ffc2db;border-radius:4px;background:#fff0f5;color:#dd1266;font-weight:700}

  /* Editor box */
  .pn-editor-box{display:grid!important;grid-template-columns:44px 1fr!important;gap:10px;align-items:center;margin:14px 0;padding:12px 14px;border:1px solid #e4eaed;border-radius:6px;background:#fbfdfe}
  .pn-editor-box > a{grid-column:1/-1;text-align:center;padding:8px;border:1px solid #009bb3;border-radius:4px;color:#009bb3;font-size:10px;font-weight:800}

  /* Share row */
  .pn-share-row{display:flex!important;align-items:center;gap:10px;padding:6px 0 16px;font-size:11px;overflow-x:auto}
  .pn-share-row strong{white-space:nowrap;flex-shrink:0}

  /* ===== BOTTOM SINGLE POST ACTION BAR ===== */
  .pn-single-action-bar{
    display:flex!important;align-items:center;justify-content:space-around;
    position:fixed;bottom:0;left:0;right:0;height:64px;
    background:#fff;border-top:1px solid #e8edf0;
    z-index:9990;padding:0 4px;
    box-shadow:0 -2px 12px rgba(0,0,0,.08);
  }
  .pn-single-action-bar .diksi-tab-item{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    flex:1;height:100%;padding:8px 4px 6px;gap:4px;
    color:#6b7885;font-size:9px;font-weight:600;
    border:0;background:transparent;cursor:pointer;text-decoration:none;
    transition:color .15s ease;
  }
  .pn-single-action-bar .diksi-tab-item:hover{color:#e90068}
  .pn-single-action-bar .diksi-tab-icon-wrap{display:flex;align-items:center;justify-content:center;width:26px;height:26px}
  .pn-single-action-bar .diksi-tab-icon-wrap i{font-size:20px}
  .pn-font-size-icon{font-size:14px;font-weight:800;color:inherit;line-height:1}
  .pn-single-action-bar .diksi-tab-item span:last-child{font-size:9px;line-height:1}
}


/* Keep exactly one desktop brand mark; legacy dark-mode assets are not used. */
body.single-post .diksi-header .diksi-logo .Politikal-logo-light{display:block!important;width:auto!important;height:46px!important;max-height:46px!important;visibility:visible!important}
body.single-post .diksi-header .diksi-logo .Politikal-logo-dark{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
body.single-post .scroll-top{display:none!important}

/* ============================================================
   SINGLE POST AD SLOTS (DESKTOP & MOBILE VIEW)
   ============================================================ */
.pn-ad-slot {
  display: block;
  width: 100%;
  margin: 24px auto;
  clear: both;
  box-sizing: border-box;
  text-align: center;
}
.pn-ad-slot-tag {
  display: block;
  text-align: center;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #94a3b8;
  margin: 0 auto 6px;
}
.pn-ad-slot-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.pn-ad-slot-content img,
.pn-ad-slot-content iframe,
.pn-ad-slot-content ins.adsbygoogle {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 0 auto;
}
.pn-ad-google-wrap {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  overflow: hidden !important;
}
.pn-ad-google-wrap ins.adsbygoogle {
  display: block !important;
  margin: 0 auto !important;
}
.pn-ad-slot--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
.pn-ad-slot--empty .pn-ad-slot-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  max-width: 336px;
  height: 200px;
  min-height: 180px;
  margin: 0 auto;
  border: 1.5px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s ease;
}
.pn-ad-slot--empty .pn-ad-slot-placeholder:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}
.pn-ad-slot--empty .pn-ad-slot-placeholder i {
  font-size: 40px;
  color: #7e9db2;
  line-height: 1;
}
.pn-ad-slot--empty .pn-ad-slot-placeholder strong {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin-top: 2px;
}
.pn-ad-slot--empty .pn-ad-slot-placeholder small {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
}

/* Mobile single post ad slot adjustments */
@media (max-width: 768px) {
  .pn-ad-slot {
    margin: 20px auto !important;
  }
  .pn-ad-slot--in-content {
    margin: 24px auto !important;
  }
  .pn-ad-slot--empty .pn-ad-slot-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    height: 180px !important;
    min-height: 160px !important;
    border-radius: 8px !important;
    background: #f1f5f9 !important;
    border: 1.5px dashed #cbd5e1 !important;
  }
  .pn-ad-slot--empty .pn-ad-slot-placeholder i {
    font-size: 36px !important;
  }
  .pn-ad-slot--empty .pn-ad-slot-placeholder strong {
    font-size: 15px !important;
  }
}