/*
Theme Name: SuaraPress Universal
Author: SuaraPress
Description: Tema portal berita WordPress independen, responsif, multi-domain, dengan struktur menu, banner, widget, headline, newsfeed, rekomendasi, dan halaman artikel yang terinspirasi pola portal berita modern Indonesia.
Version: 1.3.12
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suarapress
*/
/* ===== SuaraPress 1.1.62: canonical production color system ===== */
:root{
  /* Brand */
  --sp-blue:#1b5daf;
  --sp-blue-dark:#164a8c;
  --sp-red:#f51700;
  --sp-yellow:#fbde08;

  /* Shared neutral palette (single source; visual values unchanged) */
  --sp-white:#ffffff;
  --sp-black:#000000;
  --sp-ink:#111111;
  --sp-text:#222222;
  --sp-muted:#777777;
  --sp-meta-default:#999999;
  --sp-excerpt-default:#555555;
  --sp-border:#e4e4e4;
  --sp-border-soft:#eeeeee;
  --sp-soft:#f7f7f7;
  --sp-soft-blue:#f2f4f8;
  --sp-social-soft:#eef3fb;
  --sp-image-radius:5px;
  --sp-surface-muted:#f3f3f3;
  --sp-border-light:#ececec;
  --sp-border-lighter:#e8e8e8;
  --sp-gray-400:#bbbbbb;
  --sp-muted-alt:#888888;
  --sp-text-secondary:#444444;
  --sp-nav-hover:#2d54a7;
  --sp-pagination-bg:#f1f1f1;
  --sp-share-bg:#f2f2f2;
  --sp-border-medium:#dddddd;
  --sp-border-strong:#cccccc;
  --sp-inline-card-bg:#fafafa;
  --sp-inline-bullet:#b7b7b7;
  --sp-inline-title:#191919;
  --sp-inline-arrow-border:#e5e5e5;
  --sp-article-nav-hover-border:#d5d5d5;
  --sp-header-border-top:#d7d7d7;
  --sp-header-border-bottom:#cfcfcf;
  --sp-header-mobile-border-top:#d0d0d0;
  --sp-header-mobile-border-bottom:#c5c5c5;
  --sp-author-role:#666666;
  --sp-bg:var(--sp-white);
  --sp-width:1200px;

  /* Customizer-backed defaults. PHP only overrides these variable values. */
  --sp-main-bg:var(--sp-white);
  --sp-custom-button-bg:var(--sp-blue);
  --sp-custom-button-text:var(--sp-white);
  --sp-header-brand-bg:var(--sp-white);
  --sp-text-logo-custom:var(--sp-blue);
  --sp-mobile-menu-button-bg:var(--sp-white);
  --sp-mobile-menu-button-icon:var(--sp-red);
  --sp-headline-nav-bg:var(--sp-black);
  --sp-headline-nav-icon:var(--sp-white);
  --sp-mobile-menu-close-bg:var(--sp-white);
  --sp-mobile-menu-close-icon:var(--sp-text);
  --sp-mobile-panel-bg:var(--sp-white);
  --sp-mobile-panel-text:var(--sp-text);
  --sp-mobile-panel-border:var(--sp-border);
  --sp-mobile-panel-active-bg:var(--sp-soft);
  --sp-headline-label-bg:var(--sp-red);
  --sp-headline-label-text:var(--sp-white);
  --sp-headline-title-color:var(--sp-white);
  --sp-headline-category-color:var(--sp-white);
  --sp-rekom-section-title:var(--sp-text);
  --sp-rekom-accent:var(--sp-red);
  --sp-rekom-title:var(--sp-white);
  --sp-rekom-cat-bg:var(--sp-red);
  --sp-rekom-cat-text:var(--sp-white);
  --sp-breaking-bg:var(--sp-white);
  --sp-breaking-text:var(--sp-text);
  --sp-breaking-label-bg:var(--sp-red);
  --sp-breaking-label-text:var(--sp-white);
  --sp-latest-section-title:var(--sp-text);
  --sp-latest-accent:var(--sp-red);
  --sp-latest-title:var(--sp-text);
  --sp-latest-category:var(--sp-red);
  --sp-latest-meta:var(--sp-meta-default);
  --sp-latest-excerpt:var(--sp-excerpt-default);
  --sp-footer-bg:#07192d;
  --sp-footer-text:var(--sp-white);
  --sp-footer-heading:var(--sp-white);
  --sp-footer-link:var(--sp-white);
  --sp-footer-link-hover:var(--sp-white);
  --sp-footer-bottom-text:#cbd5e1;
  --sp-home-1-title:var(--sp-text);--sp-home-1-accent:var(--sp-red);
  --sp-home-2-title:var(--sp-text);--sp-home-2-accent:var(--sp-red);
  --sp-home-3-title:var(--sp-text);--sp-home-3-accent:var(--sp-red);
  --sp-home-4-title:var(--sp-text);--sp-home-4-accent:var(--sp-red);
  --sp-home-5-title:var(--sp-text);--sp-home-5-accent:var(--sp-red);
}
/* ===== end canonical color system ===== */
*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--sp-bg);color:var(--sp-text);font-family:Arial,sans-serif;font-size:13px;line-height:1.55;}a{color:inherit;text-decoration:none;}img{max-width:100%;height:auto;}ul{margin:0;padding:0;list-style:none;}.sp-container{margin:0 auto;}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.clr{clear:both;}
/* ticker */
.sp-breaking{background:var(--sp-breaking-bg);color:var(--sp-breaking-text);border-bottom:1px solid var(--sp-border-soft);font-family:Montserrat,Arial,sans-serif;}.sp-breaking-inner{display:flex;align-items:center;gap:12px;height:34px;overflow:hidden;}.sp-breaking-label{position:relative;z-index:2;flex:0 0 auto;background:var(--sp-breaking-label-bg);color:var(--sp-breaking-label-text);font-weight:700;font-size:11px;padding:5px 10px;text-transform:uppercase;}.sp-breaking-viewport{position:relative;z-index:1;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center;}.sp-breaking-track{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;min-width:max-content;animation:spTicker 45s linear infinite;will-change:transform;}.sp-breaking:hover .sp-breaking-track{animation-play-state:paused;}.sp-breaking-track a{display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:1.25;}.sp-breaking-track a:before{content:"•";color:var(--sp-red);margin-right:8px;}@keyframes spTicker{from{transform:translateX(0)}to{transform:translateX(-45%)}}
/* header */
.sp-mobile-parallax{display:none;}.sp-site-header{position:sticky;top:0;z-index:999;}.sp-brand-row{min-height:90px;display:flex;align-items:center;gap:20px;}.sp-brand{flex:1;min-width:0;}.sp-brand .custom-logo{display:block;max-width:400px;max-height:77px;width:auto;}.sp-text-logo{font-family:Montserrat,Arial,sans-serif;font-size:34px;font-weight:800;}.sp-header-tools{display:flex;align-items:center;gap:12px;}.sp-social{display:flex;gap:6px;}.sp-social a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sp-social-soft);color:var(--sp-blue);font-weight:800;font-size:12px;}.sp-search{display:flex;}.sp-search input{width:200px;height:42px;border:1px solid var(--sp-blue);padding:0 12px;outline:0;}.sp-search button{width:58px;height:42px;border:0;background:var(--sp-blue);color:var(--sp-white);font-weight:700;cursor:pointer;}.sp-nav-wrap{background:var(--sp-blue);}.sp-nav{position:relative;}.sp-menu{display:flex;align-items:stretch;overflow-x:auto;white-space:nowrap;}.sp-menu::-webkit-scrollbar{height:0;}.sp-menu>li{position:relative;flex:0 0 auto;}.sp-menu>li>a{display:block;color:var(--sp-white);font:700 12px/1 Montserrat,Arial,sans-serif;text-transform:uppercase;padding:16px 8px 13px;border-bottom:4px solid transparent;}.sp-menu>li:hover>a,.sp-menu>.current-menu-item>a,.sp-menu>.current-menu-ancestor>a{background:var(--sp-nav-hover);border-bottom-color:var(--sp-red);}.sp-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--sp-blue-dark);border-top:3px solid var(--sp-red);min-width:180px;z-index:1000;}.sp-menu .sub-menu a{display:block;color:var(--sp-white);font:700 12px Montserrat,Arial,sans-serif;text-transform:uppercase;padding:11px 16px;}.sp-menu li:hover>.sub-menu,.sp-menu li:focus-within>.sub-menu{display:block;}.sp-menu-toggle{display:none;padding:10px;cursor:pointer;}.sp-menu-toggle span{display:block;width:26px;height:3px;margin:5px 0;}
/* banners */
.sp-banner{margin:14px auto;text-align:center;overflow:hidden;}.sp-banner img,.sp-banner iframe{max-width:100%;}.sp-rail{position:fixed;top:180px;width:160px;z-index:50;}.sp-rail-left{left:max(4px,calc((100% - var(--sp-width))/2 - 175px));}.sp-rail-right{right:max(4px,calc((100% - var(--sp-width))/2 - 175px));}
/* main layout */
.sp-main{padding:10px 0 40px;background:var(--sp-main-bg);}.sp-layout{display:grid;grid-template-columns:minmax(0,790px) 300px;gap:10px;}.sp-content{min-width:0;}.sp-sidebar{min-width:0;padding-left:10px;}.widget{margin-bottom:18px;}.widget-title,.sp-widget-title{font:800 18px Montserrat,Arial,sans-serif;text-transform:none;margin:0 0 10px;}.widget-title:after,.sp-widget-title:after{content:"";display:block;width:72px;height:3px;background:var(--sp-red);margin-top:5px;}.sp-widget-box{border:1px solid var(--sp-border-soft);background:var(--sp-white);padding:14px;}.sp-placeholder{min-height:120px;background:var(--sp-soft);border:1px dashed var(--sp-gray-400);display:grid;place-items:center;color:var(--sp-muted-alt);text-align:center;padding:14px;}
/* headline */
.sp-headline{margin-top:5px;}.sp-headline-stage{position:relative;overflow:hidden;background:var(--sp-ink);}.sp-headline-slide{display:none;position:relative;}.sp-headline-slide.active{display:block;}.sp-headline-slide img{display:block;width:100%;height:430px;object-fit:cover;}.sp-headline-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.86) 100%);}.sp-headline-label{position:absolute;left:0;top:20px;background:var(--sp-headline-label-bg);color:var(--sp-headline-label-text);padding:8px 10px;font:700 12px Montserrat,Arial,sans-serif;}.sp-headline-copy{position:absolute;left:0;right:0;bottom:0;padding:70px 20px 28px;color:var(--sp-headline-title-color);}.sp-headline-cat{font:700 12px Montserrat,Arial,sans-serif;text-transform:uppercase;margin-bottom:9px;color:var(--sp-headline-category-color);}.sp-headline-title{font:800 30px/1.18 Montserrat,Arial,sans-serif;margin:0;}.sp-headline-title a{color:var(--sp-headline-title-color);}.sp-headline-nav{position:absolute;inset:0;pointer-events:none;}.sp-headline-nav button{pointer-events:auto;position:absolute;top:45%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer;}.sp-headline-prev{left:10px;}.sp-headline-next{right:10px;}.sp-headline-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:3px;}.sp-headline-thumb{cursor:pointer;background:var(--sp-black);color:var(--sp-white);}.sp-headline-thumb img{width:100%;height:94px;object-fit:cover;display:block;}.sp-headline-thumb span{display:block;min-height:58px;padding:6px;font:600 11px/1.25 Montserrat,Arial,sans-serif;text-align:center;}.sp-headline-thumb.active{outline:3px solid var(--sp-red);outline-offset:-3px;}
/* feed & cards */
.sp-section-title{font:800 18px Montserrat,Arial,sans-serif;margin:18px 0 8px;padding:10px;}.sp-section-title:after{content:"";display:block;width:75px;height:3px;background:var(--sp-red);margin-top:5px;}.sp-feed-item{display:grid;grid-template-columns:270px 1fr;gap:20px;padding:12px 3px;}.sp-feed-thumb{overflow:hidden;border-radius:var(--sp-image-radius);}.sp-feed-thumb img{display:block;width:100%;height:150px;object-fit:cover;transition:.5s;}.sp-feed-item:hover .sp-feed-thumb img{transform:scale(1.06);}.sp-cat{display:inline-block;color:var(--sp-latest-category);font:700 11px Montserrat,Arial,sans-serif;text-transform:uppercase;margin:8px 0;}.sp-feed-title{font:800 20px/1.28 Montserrat,Arial,sans-serif;margin:0 0 7px;}.sp-feed-title a{color:var(--sp-latest-title);}.sp-feed-title a:hover{text-decoration:underline;}.sp-meta{color:var(--sp-latest-meta);font-size:11px;}.sp-excerpt{color:var(--sp-latest-excerpt);margin:8px 0 0;}.sp-rekom-wrap{margin:22px 0;}.sp-rekom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}.sp-rekom-card{position:relative;height:310px;overflow:hidden;background:var(--sp-ink);}.sp-rekom-card img{width:100%;height:100%;object-fit:cover;}.sp-rekom-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.94));}.sp-rekom-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;color:var(--sp-rekom-title);padding:16px;}.sp-rekom-copy .sp-cat{color:var(--sp-rekom-cat-text);background:var(--sp-rekom-cat-bg);padding:4px 6px;border-radius:3px;margin:0 0 8px;}.sp-rekom-title{font:700 15px/1.3 Montserrat,Arial,sans-serif;margin:0;}.sp-rekom-title a{color:var(--sp-rekom-title);}.sp-category-block{margin:20px 0;}.sp-category-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;}.sp-category-lead img{width:100%;height:260px;object-fit:cover;}.sp-category-lead h3{font:800 21px/1.25 Montserrat,Arial,sans-serif;margin:8px 0;}.sp-mini-list{display:grid;gap:10px;}.sp-mini{display:grid;grid-template-columns:120px 1fr;gap:10px;}.sp-mini img{width:120px;height:80px;object-fit:cover;border-radius:var(--sp-image-radius);}.sp-mini h3{font:700 14px/1.3 Montserrat,Arial,sans-serif;margin:2px 0;}
/* widget styles */
.sp-trending ol{padding-left:22px;margin:0;}.sp-trending li{padding:8px 0;border-bottom:1px solid var(--sp-border-soft);font-weight:700;}.sp-topics{display:flex;flex-wrap:wrap;gap:6px;}.sp-topics a{background:var(--sp-soft-blue);border-radius:20px;padding:6px 9px;font-weight:700;font-size:11px;}.sp-prayer-head{font:800 14px Montserrat,Arial,sans-serif;margin-bottom:8px;}.sp-prayer-date{color:var(--sp-muted);margin-bottom:8px;}.sp-prayer-grid{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px 0;border-top:1px solid var(--sp-border-soft);}.sp-data-grid{display:grid;gap:7px;}.sp-data-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--sp-border-soft);}.sp-product{display:grid;grid-template-columns:90px 1fr;gap:10px;}.sp-product img{width:90px;height:90px;object-fit:cover;}.sp-product-price{color:var(--sp-red);font-weight:800;}.sp-button{display:inline-block;background:var(--sp-custom-button-bg);color:var(--sp-custom-button-text);padding:8px 12px;border-radius:4px;font-weight:700;border:0;cursor:pointer;}
/* archive */
.sp-page-title{font:800 25px Montserrat,Arial,sans-serif;margin:12px 0 18px;}.sp-archive-item{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--sp-border-soft);}.sp-archive-item img{width:200px;height:135px;object-fit:cover;border-radius:var(--sp-image-radius);}.sp-archive-title{font:800 20px/1.3 Montserrat,Arial,sans-serif;margin:2px 0 6px;}.sp-pagination{padding:22px 0;}.sp-pagination .page-numbers{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;background:var(--sp-pagination-bg);}.sp-pagination .current{background:var(--sp-blue);color:var(--sp-white);}
/* single */
.sp-breadcrumb{font-size:12px;color:var(--sp-muted);margin:5px 0 14px;}.sp-breadcrumb a{color:var(--sp-blue);}.sp-entry-title{font:800 34px/1.16 Montserrat,Arial,sans-serif;margin:0 0 10px;}.sp-entry-subtitle{font:700 19px/1.4 Montserrat,Arial,sans-serif;color:var(--sp-text-secondary);margin:0 0 16px;}.sp-author-line{display:flex;align-items:center;gap:10px;margin:10px 0 12px;}.sp-avatar img{border-radius:50%;}.sp-author-name{font-weight:800;}.sp-share{display:flex;gap:7px;align-items:center;margin:12px 0;}.sp-share a,.sp-share button{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--sp-share-bg);font-weight:800;cursor:pointer;}.sp-featured{margin:14px 0 4px;}.sp-featured img{width:100%;height:auto;display:block;}.sp-caption{font-size:11px;color:var(--sp-muted);font-style:italic;margin:4px 0 8px;}.sp-font-tools{display:flex;justify-content:flex-end;gap:4px;margin:8px 0;}.sp-font-tools button{border:1px solid var(--sp-border-medium);background:var(--sp-white);padding:6px 10px;cursor:pointer;font-weight:700;}.sp-entry-content{font-size:17px;line-height:1.75;}.sp-entry-content p{margin:0 0 1.05em;}.sp-entry-content img{max-width:100%;}.sp-entry-content blockquote{border-left:4px solid var(--sp-border-strong);padding-left:18px;margin-left:0;font-style:italic;}.sp-related{margin-top:24px;}.sp-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px;}.sp-related-item{display:block;padding:0;border-bottom:0;align-self:start;}.sp-related-thumb{display:block;overflow:hidden;border-radius:var(--sp-image-radius);background:var(--sp-surface-muted);}.sp-related-thumb img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;transition:transform .3s ease;}.sp-related-item:hover .sp-related-thumb img{transform:scale(1.04);}.sp-related-copy{min-width:0;padding-top:10px;}.sp-related-cat{display:inline-block;color:var(--sp-red);font:700 10px/1.2 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:0 0 7px;}.sp-related-title{font:800 18px/1.28 Montserrat,Arial,sans-serif;margin:0;}.sp-related-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.sp-related-title a:hover{text-decoration:underline;}.sp-related-thumb .sp-placeholder{width:100%;aspect-ratio:16/10;min-height:unset;font-size:11px;}.sp-tags{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0;}.sp-tags a{padding:5px 8px;background:var(--sp-surface-muted);border-radius:4px;color:var(--sp-blue);font-weight:700;}
/* footer */
.sp-footer{background:var(--sp-footer-bg);color:var(--sp-footer-text);}.sp-footer-top{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;}.sp-footer-logo .custom-logo{max-width:260px;max-height:70px;width:auto;}.sp-footer-title{font:800 17px Montserrat,Arial,sans-serif;margin:0 0 12px;}.sp-footer-menu{display:flex;flex-wrap:wrap;gap:12px;}.sp-footer-menu a{color:var(--sp-footer-link);}.sp-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:15px 0;color:var(--sp-footer-bottom-text);}.sp-network{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;}
/* modal mobile menu */
.sp-mobile-menu-panel{display:none;position:fixed;inset:0;background:var(--sp-white);z-index:2000;overflow:auto;}.sp-mobile-menu-panel.open{display:block;}.sp-mobile-menu-close{float:right;border:0;font-size:28px;padding:16px;}.sp-mobile-menu-panel .sp-menu{display:block;padding-top:60px;white-space:normal;}.sp-mobile-menu-panel .sp-menu>li>a,.sp-mobile-menu-panel .sp-menu .sub-menu a{color:var(--sp-text);border-bottom:1px solid var(--sp-border-soft);background:var(--sp-white);padding:18px 20px;}.sp-mobile-menu-panel .sp-menu .sub-menu{display:block;position:static;border:0;background:var(--sp-white);padding-left:25px;}
@media(max-width:1559px){.sp-rail{display:none;}}
@media(max-width:900px){.sp-header-tools .sp-social{display:none;}.sp-search input{width:150px;}.sp-rekom-grid{grid-template-columns:repeat(2,1fr);}.sp-footer-top{grid-template-columns:1fr;}}
@media(max-width:640px){body{font-size:13px;}.sp-breaking-inner{height:32px;}.sp-mobile-parallax{display:block;position:relative;}.sp-mobile-parallax .widget{margin:0;}.sp-mobile-parallax img{width:100%;height:100%;object-fit:cover;}.sp-brand .custom-logo{max-height:44px;max-width:220px;}.sp-text-logo{font-size:25px;}.sp-header-tools{display:none;}.sp-menu-toggle{display:block;margin-left:auto;}.sp-nav-wrap{display:none;}.sp-headline-label{top:12px;}.sp-headline-copy{padding:70px 15px 34px;text-align:center;}.sp-headline-thumbs{display:none;}.sp-headline-nav button{top:50%;}.sp-feed-item{padding:9px 3px;}.sp-feed-item .sp-excerpt{display:none;}.sp-feed-item .sp-cat{margin:0 0 5px;}.sp-archive-item .sp-excerpt{display:none;}.sp-entry-title{font-size:27px;}.sp-entry-subtitle{font-size:17px;}.sp-entry-content{font-size:16px;}.sp-section-title{padding-left:0;}.sp-related-grid{gap:20px 14px;}.sp-related-title{font-size:13px;line-height:1.32;}.sp-mobile-parallax:empty{display:none;height:0;}}

/* ===== SuaraPress V1.1 compatibility & isolation fix ===== */
/* Native/block widgets stay tidy even when users add WordPress core widgets manually. */
.sp-sidebar .widget,.sp-banner .widget,.sp-mobile-parallax .widget{position:relative;float:none!important;clear:both;width:100%;max-width:100%;overflow:hidden;}
.sp-sidebar .widget h1,.sp-sidebar .widget h2,.sp-sidebar .widget h3,.sp-sidebar .wp-block-heading{font:800 18px/1.3 Montserrat,Arial,sans-serif;margin:0 0 10px;text-align:left;}
.sp-sidebar .widget ul,.sp-sidebar .widget ol{margin:0;padding:0;list-style:none;}
.sp-sidebar .widget li{display:block;position:static;float:none;width:auto;margin:0;padding:7px 0;border-bottom:1px solid var(--sp-border-soft);line-height:1.45;}
.sp-sidebar .widget a{overflow-wrap:anywhere;}
.sp-banner .widget h1,.sp-banner .widget h2,.sp-banner .widget h3{margin:0 0 8px;font-size:16px;}
.sp-banner .widget ul,.sp-banner .widget ol{margin:0;padding:0;list-style:none;}
.sp-mobile-parallax .widget:empty{display:none!important;}
@media(max-width:640px){
  .sp-mobile-parallax{height:auto;min-height:0;background:transparent;}
  .sp-mobile-parallax .widget{height:auto;min-height:0;}
  .sp-mobile-parallax .widget img,.sp-mobile-parallax .widget iframe{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;}
  .sp-breaking-track{gap:22px;}
  .sp-sidebar{width:100%;}
  .sp-sidebar .widget{margin:0 0 18px;}
}
.sp-breaking,.sp-site-header,.sp-main,.sp-footer,.sp-container,.sp-layout,.sp-content,.sp-sidebar{max-width:100%;}
.sp-content,.sp-sidebar,.sp-entry-content,.sp-entry-content>*{min-width:0;}
.sp-entry-content img,.sp-entry-content video,.sp-entry-content iframe,.sp-entry-content embed,.sp-entry-content object,.sp-entry-content figure,.sp-entry-content .wp-caption{max-width:100%!important;height:auto;}
.sp-entry-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;}
.sp-entry-content table{max-width:100%;}
.sp-entry-content td,.sp-entry-content th,.sp-entry-content a{overflow-wrap:anywhere;word-break:break-word;}
.sp-breaking-inner,.sp-headline-stage,.sp-rekom-card{contain:paint;}
@media(max-width:640px){
  .sp-layout,.sp-content,.sp-sidebar,.sp-entry,.sp-entry-content{width:100%;max-width:100%;min-width:0;}
  .sp-entry-content figure,.sp-entry-content .wp-caption{width:auto!important;margin-left:0!important;margin-right:0!important;}
  .sp-entry-content iframe,.sp-entry-content video{width:100%!important;}
}
/* ===== end 1.1.1 ===== */


/* ===== SuaraPress 1.1.2: mobile article safe-area fix ===== */
@media(max-width:640px){
  /* Keep the article readable inside the phone safe area without reintroducing horizontal jitter. */
  .single .sp-breadcrumb,
  .single .sp-entry-title,
  .single .sp-entry-subtitle,
  .single .sp-author-line,
  .single .sp-share,
  .single .sp-font-tools,
  .single .sp-entry-content,
  .single .sp-tags,
  .single .sp-related,
  .single .comments-area{
    box-sizing:border-box;
    padding-left:10px;
    padding-right:10px;
    max-width:100%;
  }
  .single .sp-entry-content{
    overflow:visible;
    word-break:normal;
    overflow-wrap:break-word;
  }
  .single .sp-entry-content p,
  .single .sp-entry-content li,
  .single .sp-entry-content h1,
  .single .sp-entry-content h2,
  .single .sp-entry-content h3,
  .single .sp-entry-content h4,
  .single .sp-entry-content h5,
  .single .sp-entry-content h6,
  .single .sp-entry-content blockquote{
    max-width:100%;
    box-sizing:border-box;
    overflow-wrap:break-word;
  }
  /* Featured image may stay visually wide; only text gets the extra breathing room. */
  .single .sp-featured{max-width:100%;overflow:hidden;}
  .single .sp-featured img{display:block;width:100%;max-width:100%;height:auto;}
  .single .sp-font-tools{justify-content:flex-end;}
}
/* ===== end 1.1.2 ===== */

@media(max-width:760px){.sp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;}.sp-related-thumb img,.sp-related-thumb .sp-placeholder{width:100%;aspect-ratio:16/10;height:auto;}.sp-related-copy{padding-top:10px;}.sp-related-title{font-size:14px;line-height:1.33;}.sp-related-cat{font-size:9px;margin-bottom:5px;}}


/* ===== SuaraPress 1.1.5: Baca Juga inline card ===== */
.sp-baca-juga{position:relative;margin:24px 0;padding:15px 48px 15px 16px;background:var(--sp-inline-card-bg);border:1px solid var(--sp-border-light);border-left:5px solid var(--sp-red);border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.035);font-family:Montserrat,Arial,sans-serif;}
.sp-baca-juga-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 5px;}
.sp-baca-juga-label{color:var(--sp-red);font-size:11px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.sp-baca-juga-cat{font-size:10px;line-height:1.2;font-weight:700;text-transform:uppercase;}
.sp-baca-juga-cat:before{content:"•";margin-right:8px;color:var(--sp-inline-bullet);}
.sp-baca-juga-title{display:block;font-size:16px;line-height:1.4;font-weight:800;color:var(--sp-inline-title);}
.sp-baca-juga-title:hover{text-decoration:underline;}
.sp-baca-juga-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sp-white);border:1px solid var(--sp-inline-arrow-border);color:var(--sp-red);font-size:24px;line-height:1;font-family:Arial,sans-serif;font-weight:700;}
@media(max-width:640px){.sp-baca-juga{margin:21px 0;padding:13px 42px 13px 13px;border-radius:8px;}.sp-baca-juga-title{font-size:14px;line-height:1.4;}.sp-baca-juga-label{font-size:10px;}.sp-baca-juga-cat{font-size:9px;}.sp-baca-juga-arrow{right:11px;width:26px;height:26px;font-size:22px;}}
/* ===== end Baca Juga inline card ===== */

/* ===== SuaraPress 1.1.7: Baca Menarik Lainnya ===== */
.sp-interesting{margin-top:30px;}.sp-interesting-list{display:grid;gap:24px;}.sp-interesting-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;align-items:start;}.sp-interesting-thumb{display:block;overflow:hidden;border-radius:var(--sp-image-radius);background:var(--sp-surface-muted);}.sp-interesting-thumb img{display:block;width:150px;height:100px;object-fit:cover;}.sp-interesting-thumb .sp-placeholder{width:150px;height:100px;min-height:100px;font-size:10px;}.sp-interesting-copy{min-width:0;}.sp-interesting-title{font:800 18px/1.42 Montserrat,Arial,sans-serif;margin:0 0 8px;}.sp-interesting-title a:hover{text-decoration:underline;}.sp-interesting-meta{font:500 12px/1.35 Montserrat,Arial,sans-serif;color:var(--sp-muted-alt);}.sp-interesting-cat{color:var(--sp-blue);font-weight:600;}.sp-interesting-dot{margin:0 5px;color:var(--sp-gray-400);}.single .sp-interesting{box-sizing:border-box;max-width:100%;}@media(max-width:640px){.sp-interesting{margin-top:26px;}.sp-interesting-list{gap:22px;}.sp-interesting-item{grid-template-columns:112px minmax(0,1fr);gap:13px;}.sp-interesting-thumb img,.sp-interesting-thumb .sp-placeholder{width:112px;height:80px;min-height:80px;}.sp-interesting-title{font-size:14px;line-height:1.42;margin-bottom:7px;}.sp-interesting-meta{font-size:11px;line-height:1.3;}}
.sp-main,.sp-layout,.sp-content,.sp-sidebar,.sp-headline,.sp-headline-stage,.sp-rekom-wrap,.sp-rekom-grid,.sp-feed-item,.sp-category-block,.sp-category-grid,.sp-archive-item,.sp-related,.sp-related-grid,.sp-interesting,.sp-interesting-list{min-width:0;}
.sp-layout>* , .sp-feed-item>* , .sp-mini>* , .sp-archive-item>* , .sp-category-grid>* , .sp-category-lead>* , .sp-rekom-grid>* , .sp-related-grid>* , .sp-interesting-item>*{min-width:0;max-width:100%;}

/* Do not crop normal sidebar/widget content. Media and ad areas are constrained separately. */
.sp-sidebar .widget{overflow:visible;}
.sp-sidebar .widget img,.sp-sidebar .widget video,.sp-sidebar .widget iframe,.sp-sidebar .widget embed,.sp-sidebar .widget object{max-width:100%;height:auto;}
.sp-sidebar .widget table{max-width:100%;display:block;overflow-x:auto;}
.sp-banner .widget,.sp-mobile-parallax .widget{max-width:100%;overflow:hidden;}
.sp-banner img,.sp-banner video,.sp-banner embed,.sp-banner object{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;}
.sp-banner iframe{display:block;width:100%;max-width:100%;margin-left:auto;margin-right:auto;border:0;}

/* Homepage cards: allow long Indonesian headlines to wrap instead of forcing overflow. */
.sp-headline-title,.sp-rekom-title,.sp-feed-title,.sp-category-lead h3,.sp-mini h3,.sp-archive-title,.sp-page-title,.widget-title,.sp-widget-title{overflow-wrap:anywhere;word-break:normal;}
.sp-headline-copy{max-width:100%;}
.sp-headline-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.sp-rekom-copy{max-width:100%;}
.sp-rekom-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.sp-feed-item>div,.sp-mini>div,.sp-archive-item>div{min-width:0;}
.sp-feed-title a,.sp-mini h3 a,.sp-archive-title a{overflow-wrap:anywhere;}

/* Images always stay inside their cards. Placeholder follows the same box. */
.sp-headline-slide img,.sp-feed-thumb img,.sp-rekom-card img,.sp-category-lead img,.sp-mini img,.sp-archive-item img{max-width:100%;}
.sp-feed-thumb,.sp-category-lead>a,.sp-mini>a,.sp-archive-item>a{min-width:0;max-width:100%;}

/* Pagination must wrap rather than disappear beyond the right edge. */
.sp-pagination .nav-links{display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
.sp-pagination .page-numbers{margin:0;}

/* Long footer/site names and menu labels should remain visible. */
.sp-brand,.sp-brand a,.sp-footer,.sp-footer p,.sp-footer-menu,.sp-network{max-width:100%;}
.sp-text-logo,.sp-footer p,.sp-footer-menu a,.sp-network a{overflow-wrap:anywhere;word-break:normal;}

/* Gutenberg and legacy content protection for Pages as well as Posts. */
.page .sp-entry-content,.single .sp-entry-content{min-width:0;max-width:100%;}
.page .sp-entry-content img,.page .sp-entry-content video,.page .sp-entry-content iframe,.page .sp-entry-content embed,.page .sp-entry-content object,
.single .sp-entry-content img,.single .sp-entry-content video,.single .sp-entry-content iframe,.single .sp-entry-content embed,.single .sp-entry-content object{max-width:100%!important;}
.page .sp-entry-content figure,.page .sp-entry-content .wp-caption,.single .sp-entry-content figure,.single .sp-entry-content .wp-caption{max-width:100%!important;}
.page .sp-entry-content table,.single .sp-entry-content table{width:100%;max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.page .sp-entry-content pre,.single .sp-entry-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;}
.page .alignwide,.page .alignfull,.single .alignwide,.single .alignfull{max-width:100%;margin-left:0;margin-right:0;}

@media(max-width:900px){
  .sp-layout{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);}
  .sp-content,.sp-sidebar{width:100%;max-width:100%;min-width:0;}
  .sp-sidebar{padding-left:0;}
  .sp-category-grid{grid-template-columns:minmax(0,1fr);}
  .sp-category-lead,.sp-mini-list{min-width:0;}
}

@media(max-width:640px){
  /* Give all templates the same phone safe area that articles already use. */
  .home .sp-content,.archive .sp-content,.category .sp-content,.tag .sp-content,.author .sp-content,.search .sp-content,.page .sp-content{min-width:0;max-width:100%;}
  .page .sp-entry-title,.page .sp-entry-content{box-sizing:border-box;padding-left:10px;padding-right:10px;max-width:100%;}

  /* Homepage headline and cards fit even on 320–360 px phones. */
  .sp-headline-stage{width:100%;max-width:100%;border-radius:0;}
  .sp-headline-slide,.sp-headline-slide.active{width:100%;max-width:100%;}
  .sp-headline-slide img{width:100%;max-width:100%;height:250px;}
  .sp-headline-copy{left:0;right:0;width:auto;max-width:100%;padding-left:14px;padding-right:14px;}
  .sp-headline-title{font-size:19px;line-height:1.22;}

  .sp-rekom-grid{gap:8px;}
  .sp-rekom-card{width:100%;min-width:0;height:250px;}
  .sp-rekom-copy{padding:12px;}
  .sp-rekom-title{font-size:13px;line-height:1.32;}
  .sp-rekom-copy .sp-cat{font-size:9px;max-width:100%;overflow-wrap:anywhere;}

  .sp-feed-item{grid-template-columns:112px minmax(0,1fr);gap:10px;width:100%;max-width:100%;padding-left:0;padding-right:0;}
  .sp-feed-thumb{width:112px;max-width:100%;}
  .sp-feed-thumb img{width:112px;height:78px;}
  .sp-feed-title{font-size:14px;line-height:1.32;}
  .sp-feed-item .sp-meta{font-size:10px;overflow-wrap:anywhere;}

  .sp-category-lead img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
  .sp-category-lead h3{font-size:18px;}
  .sp-mini{grid-template-columns:100px minmax(0,1fr);width:100%;max-width:100%;}
  .sp-mini img{width:100px;height:72px;}

  .sp-archive-item{grid-template-columns:112px minmax(0,1fr);gap:10px;width:100%;max-width:100%;}
  .sp-archive-item img{width:112px;height:78px;}
  .sp-archive-title{font-size:14px;line-height:1.35;}
  .sp-page-title{font-size:22px;line-height:1.25;overflow-wrap:anywhere;}

  .sp-footer-top>*{min-width:0;max-width:100%;}
  .sp-footer-logo .custom-logo{max-width:100%;height:auto;}
}

@media(max-width:360px){
  .sp-brand .custom-logo{max-width:190px;}
  .sp-text-logo{font-size:22px;}
  .sp-rekom-grid{gap:6px;}
  .sp-rekom-card{height:235px;}
  .sp-rekom-copy{padding:10px;}
  .sp-feed-item,.sp-archive-item{grid-template-columns:104px minmax(0,1fr);gap:8px;}
  .sp-feed-thumb,.sp-feed-thumb img{width:104px;}
  .sp-feed-thumb img,.sp-archive-item img{height:72px;}
  .sp-archive-item img{width:104px;}
  .sp-related-grid{gap:18px 10px;}
  .sp-related-title{font-size:12.5px;}
  .sp-interesting-item{grid-template-columns:104px minmax(0,1fr);gap:10px;}
  .sp-interesting-thumb img,.sp-interesting-thumb .sp-placeholder{width:104px;height:74px;min-height:74px;}
}
/* ===== end 1.1.9 responsive audit ===== */

/* ===== SuaraPress 1.1.63: canonical image corner radius 5px ===== */
/* Content/news images use one consistent 5px corner radius.
   Logos and avatars keep their native identity shape. */
html body img:not(.custom-logo):not(.avatar),
html body .sp-placeholder,
html body .sp-feed-thumb,
html body .sp-headline-stage,
html body .sp-headline-thumb,
html body .sp-rekom-card,
html body .sp-related-thumb,
html body .sp-more-thumb,
html body .sp-featured,
html body .sp-mobile-parallax,
html body .sp-home2-card > a,
html body .sp-home5-card,
html body .sp-home5-thumb,
html body .sp-interesting-thumb {
  border-radius:var(--sp-image-radius)!important;
}
html body .sp-feed-thumb,
html body .sp-headline-stage,
html body .sp-headline-thumb,
html body .sp-rekom-card,
html body .sp-related-thumb,
html body .sp-more-thumb,
html body .sp-featured,
html body .sp-mobile-parallax,
html body .sp-home2-card > a,
html body .sp-home5-card,
html body .sp-home5-thumb,
html body .sp-interesting-thumb {
  overflow:hidden;
}
html body .sp-headline-overlay,
html body .sp-rekom-card:after,
html body .sp-home5-thumb:after {
  border-radius:var(--sp-image-radius)!important;
}
/* ===== end SuaraPress 1.1.63 image radius ===== */
html body .widget-title:after,
html body .sp-widget-title:after,
html body .sp-section-title:after {
  
  
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  
  
  margin-top: 0 !important;
  background: var(--sp-red);
}
html body .widget-title:after,
html body .sp-widget-title:after {
  height: 24px;
}
@media(max-width:640px){
  html body .widget-title:after,
  html body .sp-widget-title:after,
  html body .sp-section-title:after {
    height: 26px;
  }
  html body .widget-title:after,
  html body .sp-widget-title:after {
    height: 20px;
  }
}
/* ===== end side red accent ===== */


/* ===== SuaraPress 1.1.17: force title accent line to left side ===== */
html body .widget-title,
html body .sp-widget-title,
html body .sp-section-title {
  
  padding-left: 18px !important;
}
@media(max-width:640px){
  html body .widget-title,
  html body .sp-widget-title,
  html body .sp-section-title {
    padding-left: 16px !important;
  }
}
html body .widget-title:after,
html body .sp-widget-title:after,
html body .sp-section-title:after {
  
  
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}
html body .widget-title:before,
html body .sp-widget-title:before {
  
  height: 28px !important;
}
@media(max-width:640px){
  html body .widget-title:before,
  html body .sp-widget-title:before {
    
    height: 22px !important;
  }
}
/* ===== end 1.1.18 left vertical title bar ===== */


/* ===== SuaraPress 1.1.19: left bar height follows title text ===== */
html body .widget-title,
html body .sp-widget-title,
html body .sp-section-title {
  position: relative !important;
  padding: 0 0 0 22px !important;
  margin: 20px 0 14px !important;
  line-height: 1.15 !important;
}
html body .widget-title:after,
html body .sp-widget-title:after,
html body .sp-section-title:after {
  content: none !important;
  display: none !important;
}
html body .widget-title:before,
html body .sp-widget-title:before,
html body .sp-section-title:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  transform: none !important;
  display: block !important;
  width: 7px !important;
  background: var(--sp-red) !important;
  border-radius: 999px !important;
}
html body .widget-title,
html body .sp-widget-title {
  padding-left: 18px !important;
}
html body .widget-title:before,
html body .sp-widget-title:before {
  width: 5px !important;
}
@media(max-width:640px){
  html body .widget-title,
  html body .sp-widget-title,
  html body .sp-section-title {
    padding: 0 0 0 18px !important;
    margin: 18px 0 12px !important;
  }
  html body .widget-title:before,
  html body .sp-widget-title:before,
  html body .sp-section-title:before {
    width: 6px !important;
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
  }
  html body .widget-title:before,
  html body .sp-widget-title:before {
    width: 4px !important;
  }
}
/* ===== end 1.1.19 left bar follows title height ===== */


/* ===== SuaraPress 1.1.20: category + relative time on Homepage 1-5 ===== */
.sp-home-cat-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:7px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:12px;
  line-height:1.35;
}
.sp-home-cat-name{
  color:var(--sp-blue);
  font-weight:700;
}
.sp-home-cat-name:hover{
  text-decoration:underline;
}
.sp-home-cat-sep,
.sp-home-cat-time{
  color:var(--sp-meta-default);
  font-weight:500;
}
.sp-category-lead .sp-home-cat-meta{
  font-size:12px;
}
.sp-mini .sp-home-cat-meta{
  margin-top:5px;
  font-size:11px;
  gap:6px;
}
@media(max-width:640px){
  .sp-category-lead .sp-home-cat-meta{font-size:11px;}
  .sp-mini .sp-home-cat-meta{font-size:10px;gap:5px;}
}
/* ===== end Homepage category metadata ===== */


/* ===== SuaraPress 1.1.26: Homepage 2 two-column grid ===== */
.sp-home2-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.sp-home2-card{
  min-width:0;
}
.sp-home2-card > a{
  display:block;
  overflow:hidden;
  border-radius:var(--sp-image-radius);
  line-height:0;
}
.sp-home2-card img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}
.sp-home2-card h3{
  font:800 18px/1.28 Montserrat,Arial,sans-serif;
  margin:8px 0 5px;
}
.sp-home2-card .sp-home-cat-meta{
  margin-top:0;
  font-size:11px;
}
@media(max-width:640px){
  .sp-home2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .sp-home2-card img{
    height:120px;
  }
  .sp-home2-card h3{
    font-size:14px;
    line-height:1.34;
    margin:6px 0 4px;
  }
  .sp-home2-card .sp-home-cat-meta{
    font-size:10px;
  }
}
/* ===== end Homepage 2 two-column grid ===== */


/* ===== SuaraPress 1.1.30: Homepage 5 single-grid overlay cards ===== */
.sp-home5-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.sp-home5-card{position:relative;min-width:0;}
.sp-home5-thumb{
  position:relative;
  display:block;
  overflow:hidden;
  
  background:var(--sp-ink);
}
.sp-home5-thumb img{
  display:block;
  width:100%;
  
  object-fit:cover;
}
.sp-home5-thumb:after{
  content:"";
  position:absolute;
  inset:0;
  
}
.sp-home5-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  
  color:var(--sp-white);
}
.sp-home5-title a{color:var(--sp-white);}
.sp-home5-card .sp-home-cat-meta{
  
  font-size:11px;
}
.sp-home5-card .sp-home-cat-name{font-weight:700;}
@media(max-width:640px){
  .sp-home5-grid{gap:10px;}
}
/* ===== end Homepage 5 single-grid overlay cards ===== */


/* ===== SuaraPress 1.1.31: improve Homepage 5 overlay readability ===== */
.sp-home5-card{
  overflow:hidden;
  border-radius:var(--sp-image-radius);
}
.sp-home5-thumb{
  border-radius:var(--sp-image-radius);
}
.sp-home5-thumb img{
  height:240px;
}
.sp-home5-thumb:after{
  background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.10) 62%,rgba(0,0,0,0) 78%);
}
.sp-home5-copy{
  padding:14px 16px 14px;
  background:transparent;
}
.sp-home5-title{
  font:800 20px/1.22 Montserrat,Arial,sans-serif;
  margin:0 0 8px;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sp-home5-title span{
  display:inline;
  background:transparent;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.sp-home5-card .sp-home-cat-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:0;
  padding:0;
  background:transparent;
  text-shadow:0 1px 4px rgba(0,0,0,.4);
}
.sp-home5-card .sp-home-cat-name,
.sp-home5-card .sp-home-cat-time,
.sp-home5-card .sp-home-cat-sep{
  color:var(--sp-white);
}
@media(max-width:640px){
  .sp-home5-thumb img{
    height:210px;
  }
  .sp-home5-copy{
    padding:12px 13px 12px;
  }
  .sp-home5-title{
    font-size:17px;
    line-height:1.2;
    margin-bottom:6px;
    -webkit-line-clamp:2;
  }
  .sp-home5-card .sp-home-cat-meta{
    font-size:10px;
    gap:6px;
  }
}
/* ===== end improve Homepage 5 overlay readability ===== */


/* ===== SuaraPress 1.1.32: footer spacing tightened ===== */
.sp-main{
  padding-bottom:12px;
}
.sp-category-block:last-child,
.sp-home5-grid:last-child,
.sp-home2-grid:last-child{
  margin-bottom:0;
}
.sp-footer{
  margin-top:8px;
}
.sp-footer-top{
  padding:22px 0 20px;
}
@media(max-width:640px){
  .sp-main{
    padding-bottom:8px;
  }
  .sp-footer{
    margin-top:4px;
  }
  .sp-footer-top{
    padding:18px 0 16px;
  }
}
/* ===== end footer spacing tightened ===== */


/* ===== SuaraPress 1.1.33: article transparency / SEO details ===== */
.sp-author-name a{color:inherit;text-decoration:none;}
.sp-author-name a:hover{text-decoration:underline;}
.sp-article-dates time{font:inherit;color:inherit;}
.sp-updated-label{display:inline-block;margin-top:2px;color:var(--sp-muted);}
@media(max-width:640px){
  .sp-updated-label{margin-top:3px;}
}
/* ===== end article transparency / SEO details ===== */


/* ===== SuaraPress 1.1.34: Smart Internal Linking ===== */
.sp-topic-hubs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:18px 0 8px;
  padding:12px 0;
  border-top:1px solid var(--sp-border-soft);
  border-bottom:1px solid var(--sp-border-soft);
  font-family:Montserrat,Arial,sans-serif;
}
.sp-topic-hubs-label{
  font-weight:800;
  margin-right:2px;
}
.sp-topic-hubs a{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:var(--sp-soft-blue);
  color:var(--sp-blue);
  font-size:11px;
  font-weight:700;
}
.sp-topic-hubs a:hover{
  text-decoration:underline;
}
.sp-article-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0 8px;
}
.sp-article-nav-item{
  display:block;
  min-width:0;
  padding:12px 14px;
  border:1px solid var(--sp-border-lighter);
  border-radius:9px;
  background:var(--sp-white);
}
.sp-article-nav-item:hover{
  border-color:var(--sp-article-nav-hover-border);
}
.sp-article-nav-kicker{
  display:block;
  margin-bottom:5px;
  color:var(--sp-blue);
  font:700 10px/1.2 Montserrat,Arial,sans-serif;
  text-transform:uppercase;
}
.sp-article-nav-item strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font:700 13px/1.35 Montserrat,Arial,sans-serif;
}
.sp-article-nav-next{
  text-align:right;
}
.sp-article-nav-empty{
  visibility:hidden;
}
.sp-baca-juga-cat{
  color:inherit;
  text-decoration:none;
}
.sp-baca-juga-cat:hover{
  text-decoration:underline;
}
@media(max-width:640px){
  .sp-topic-hubs{
    gap:5px;
    margin:15px 0 6px;
    padding:10px 0;
  }
  .sp-topic-hubs-label{
    width:100%;
    margin-bottom:2px;
  }
  .sp-topic-hubs a{
    font-size:10px;
    padding:5px 8px;
  }
  .sp-article-nav{
    grid-template-columns:1fr;
    gap:8px;
    margin:14px 0 6px;
  }
  .sp-article-nav-next{
    text-align:left;
  }
  .sp-article-nav-empty{
    display:none;
  }
}
/* ===== end Smart Internal Linking ===== */




/* ===== SuaraPress 1.1.36: Homepage 5 style block below Baca Menarik Lainnya ===== */
.single .sp-article-home5-block{
  margin-top:22px;
  margin-bottom:8px;
}
.single .sp-article-home5-block .sp-section-title{
  margin-top:0;
}
.single .sp-article-home5-block .sp-home5-grid{
  gap:12px;
}
@media(max-width:640px){
  .single .sp-article-home5-block{
    margin-top:18px;
    margin-bottom:4px;
  }
  .single .sp-article-home5-block .sp-home5-grid{
    gap:10px;
  }
}
/* ===== end Homepage 5 style block below Baca Menarik Lainnya ===== */


/* ===== SuaraPress 1.1.39: uniform title thickness ===== */
/*
 * Semua elemen judul/headline disamakan menjadi font-weight 800.
 * Ukuran font masing-masing bagian tetap dipertahankan agar hierarki visual tidak rusak.
 */
.sp-section-title,
.sp-widget-title,
.widget-title,
.sp-headline-title,
.sp-feed-title,
.sp-rekom-title,
.sp-category-lead h3,
.sp-mini h3,
.sp-home2-card h3,
.sp-home5-title,
.sp-entry-title,
.sp-entry-subtitle,
.sp-related-title,
.sp-interesting-title,
.sp-category-latest-title,
.sp-article-home5-block .sp-home5-title,
.sp-archive-title,
.sp-footer-title,
.sp-article-nav-item strong,
.sp-baca-juga-title,
.sp-baca-juga-heading,
.entry-title,
.archive-title,
.page-title,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6{
  font-weight:800 !important;
}
/* ===== end uniform title thickness ===== */


/* ===== SuaraPress 1.1.40: Detik-inspired article action bar ===== */
.single .sp-article-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  width:100%;
  margin:16px 0 0;
  padding:12px 0;
  border-top:1px solid var(--sp-border-light);
  border-bottom:1px solid var(--sp-border-light);
  background:var(--sp-white);
}
.single .sp-action-btn{
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:46px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--sp-ink);
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.single .sp-action-btn svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.single .sp-action-like svg path:first-child,
.single .sp-action-save svg path{
  fill:none;
}
.single .sp-action-btn:hover,
.single .sp-action-btn:focus-visible{
  color:var(--sp-blue);
}
.single .sp-action-btn.is-active{
  color:var(--sp-blue);
}
.single .sp-action-like.is-active svg path{
  fill:currentColor;
}
.single .sp-action-save.is-active svg path{
  fill:currentColor;
}
.single .sp-action-share.is-copied{
  color:var(--sp-blue);
}
.single .sp-article-actions + .sp-featured{
  margin-top:0;
}
@media(max-width:640px){
  .single .sp-article-actions{
    margin-top:13px;
    padding:9px 0;
  }
  .single .sp-action-btn{
    height:44px;
  }
  .single .sp-action-btn svg{
    width:27px;
    height:27px;
  }
}
/* ===== end article action bar ===== */


/* ===== SuaraPress 1.1.41: bottom article action bar ===== */
.single .sp-article-actions-bottom{
  margin-top:22px;
  margin-bottom:14px;
}
@media(max-width:640px){
  .single .sp-article-actions-bottom{
    margin-top:18px;
    margin-bottom:12px;
  }
}
/* ===== end bottom article action bar ===== */


/* ===== SuaraPress 1.1.43: mobile header tighter + clearer separators ===== */
.sp-site-header{
  border-top:1px solid var(--sp-header-border-top);
  border-bottom:1px solid var(--sp-header-border-bottom);
  box-shadow:0 2px 5px rgba(0,0,0,.09);
}

@media(max-width:640px){
  /* Header mobile dibuat lebih pendek agar ruang putih tidak terlalu tinggi. */
  .sp-brand-row{
    min-height:52px;
  }

  /* Jarak dari header ke headline dipadatkan menjadi sekitar 4-5px. */
  .sp-main{
    padding-top:4px;
  }
  .sp-headline{
    margin-top:0;
  }

  /* Garis pemisah atas/bawah dibuat lebih terbaca di layar HP. */
  .sp-site-header{
    border-top:1px solid var(--sp-header-mobile-border-top);
    border-bottom:1px solid var(--sp-header-mobile-border-bottom);
    box-shadow:0 2px 4px rgba(0,0,0,.10);
  }
}
/* ===== end mobile header tighter + clearer separators ===== */


/* ===== SuaraPress 1.1.44: Author Profile Pro ===== */
.sp-author-profile{
  display:grid;
  grid-template-columns:144px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin:8px 0 24px;
  padding:22px;
  border:1px solid var(--sp-border-lighter);
  border-radius:12px;
  background:var(--sp-white);
}
.sp-author-profile-avatar img{
  display:block;
  width:144px;
  height:144px;
  object-fit:cover;
  border-radius:50%;
}
.sp-author-profile-kicker{
  margin:0 0 4px;
  color:var(--sp-blue);
  font:800 11px/1.2 Montserrat,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.sp-author-profile-name{
  margin:0;
  font:800 28px/1.2 Montserrat,Arial,sans-serif;
}
.sp-author-profile-role{
  margin-top:5px;
  color:var(--sp-author-role);
  font:700 13px/1.35 Montserrat,Arial,sans-serif;
}
.sp-author-profile-bio{
  margin:12px 0 0;
  color:var(--sp-text-secondary);
  font-size:14px;
  line-height:1.65;
}
.sp-author-profile-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}
.sp-author-profile-links a{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:var(--sp-soft-blue);
  color:var(--sp-blue);
  font:700 10px/1.2 Montserrat,Arial,sans-serif;
}
.sp-author-profile-links a:hover{text-decoration:underline;}

@media(max-width:640px){
  .sp-author-profile{
    grid-template-columns:76px minmax(0,1fr);
    gap:13px;
    padding:14px;
    margin-top:4px;
    border-radius:10px;
  }
  .sp-author-profile-avatar img{
    width:76px;
    height:76px;
  }
  .sp-author-profile-name{font-size:21px;}
  .sp-author-profile-role{font-size:11px;}
  .sp-author-profile-bio{
    grid-column:1/-1;
    font-size:13px;
    line-height:1.55;
  }
  .sp-author-profile-links{
    grid-column:1/-1;
    margin-top:9px;
  }
}
/* ===== end Author Profile Pro ===== */

/* ===== SuaraPress 1.1.44: CLS-safe ad slots ===== */
.sp-ad-slot{
  position:relative;
  overflow:hidden;
  contain:layout paint;
}
.sp-ad-slot > .widget{
  margin-bottom:0;
}
.sp-ad-slot-header{
  min-height:90px;
}
.sp-ad-slot-newsfeed{
  min-height:250px;
}
.sp-ad-slot-bottom{
  min-height:90px;
}
.sp-ad-slot-article{
  min-height:250px;
}
.sp-ad-slot-rail{
  min-height:600px;
}
.sp-ad-slot img,
.sp-ad-slot iframe,
.sp-ad-slot video{
  max-width:100%;
}

@media(min-width:769px){
  .sp-ad-slot-header{
    min-height:250px;
  }
}

@media(max-width:640px){
  .sp-ad-slot-header{
    min-height:90px;
  }
  .sp-ad-slot-newsfeed,
  .sp-ad-slot-article{
    min-height:250px;
  }
  .sp-ad-slot-bottom{
    min-height:90px;
  }
}
/* ===== end CLS-safe ad slots ===== */

/* ===== SuaraPress 1.1.44: below-fold rendering optimization ===== */
.single .sp-related,
.single .sp-interesting,
.single .sp-article-home5-block,
.home .sp-category-block{
  content-visibility:auto;
  contain-intrinsic-size:auto 600px;
}
/* ===== end below-fold rendering optimization ===== */


/* SuaraPress 1.1.47 width layer retired in 1.1.57; canonical responsive rules are at end of file. */


/* ===== SuaraPress 1.1.48: final width alignment audit =====
 * All front-end templates share the same outer container.
 * Remove the last article-only horizontal inset that remained on desktop.
 */
.single .sp-content > article,
.page .sp-content > article{
  width:100%;
  max-width:100%;
}
.single .sp-interesting{
  padding-left:0 !important;
  padding-right:0 !important;
}
/* ===== end final width alignment audit ===== */

/* ===== SuaraPress 1.1.62: canonical contextual color bindings ===== */
.sp-footer-text-logo{color:var(--sp-footer-text);}
.sp-site-header{background:var(--sp-header-brand-bg);}
.sp-text-logo{color:var(--sp-text-logo-custom);}
.sp-menu-toggle{
  background:var(--sp-mobile-menu-button-bg);
  border:1px solid rgba(0,0,0,.12);
  border-radius:6px;
  min-width:44px;
  min-height:44px;
}
.sp-menu-toggle span{background:var(--sp-mobile-menu-button-icon);}
.sp-headline-nav button{
  z-index:3;
  background:var(--sp-headline-nav-bg);
  color:var(--sp-headline-nav-icon);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 2px 8px rgba(0,0,0,.28);
}
.sp-mobile-menu-close{
  background:var(--sp-mobile-menu-close-bg);
  color:var(--sp-mobile-menu-close-icon);
  border-radius:6px;
  min-width:44px;
  min-height:44px;
}
.sp-rekom-wrap>.sp-section-title{color:var(--sp-rekom-section-title);}
.sp-content>section:not(.sp-headline):not(.sp-rekom-wrap):not(.sp-category-block)>.sp-section-title{color:var(--sp-latest-section-title);}
.sp-footer-title{color:var(--sp-footer-heading);}
.sp-footer a,.sp-footer-menu a,.sp-network a{color:var(--sp-footer-link);}
.sp-footer a:hover,.sp-footer-menu a:hover,.sp-network a:hover{color:var(--sp-footer-link-hover);}
.sp-home-slot-1>.sp-section-title{color:var(--sp-home-1-title)}
.sp-home-slot-2>.sp-section-title{color:var(--sp-home-2-title)}
.sp-home-slot-3>.sp-section-title{color:var(--sp-home-3-title)}
.sp-home-slot-4>.sp-section-title{color:var(--sp-home-4-title)}
.sp-home-slot-5>.sp-section-title{color:var(--sp-home-5-title)}
@media(max-width:640px){
  .sp-headline-nav button{width:42px;height:42px;font-size:28px;}
  .sp-headline-prev{left:8px;}
  .sp-headline-next{right:8px;}
}
/* ===== end canonical contextual color bindings ===== */


/* ===== SuaraPress 1.1.51: keep label/category colors solid on tap/focus ===== */
.sp-headline-label,.sp-headline-cat,.sp-rekom-copy .sp-cat,.sp-feed-item .sp-cat,.sp-home-cat-name{opacity:1;}
.sp-rekom-copy .sp-cat:hover,.sp-rekom-copy .sp-cat:focus,.sp-rekom-copy .sp-cat:active,.sp-feed-item .sp-cat:hover,.sp-feed-item .sp-cat:focus,.sp-feed-item .sp-cat:active,.sp-home-cat-name:hover,.sp-home-cat-name:focus,.sp-home-cat-name:active{opacity:1;}


/* ===== SuaraPress 1.1.52: robust mobile navigation drawer ===== */
html.sp-menu-open,
body.sp-menu-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}

#sp-mobile-menu.sp-mobile-menu-panel{
  
  
  
  
  position:fixed!important;
  inset:0!important;
  
  
  
  height:100dvh!important;
  
  padding:0!important;
  background:var(--sp-mobile-panel-bg)!important;
  color:var(--sp-mobile-panel-text)!important;
  z-index:2147483000!important;
  overflow-x:clip!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  
  transition:opacity .18s ease,visibility .18s ease;
  isolation:isolate;
}

#sp-mobile-menu .sp-mobile-menu-close{
  float:none!important;
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  z-index:2147483002!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--sp-mobile-panel-border)!important;
  border-radius:10px!important;
  background:var(--sp-mobile-menu-close-bg)!important;
  color:var(--sp-mobile-menu-close-icon)!important;
  font:700 34px/1 Arial,sans-serif!important;
  box-shadow:0 4px 16px rgba(0,0,0,.12)!important;
  cursor:pointer!important;
}

#sp-mobile-menu > .sp-menu{
  display:block!important;
  
  
  min-height:100%!important;
  margin:0 auto!important;
  padding:76px 16px 28px!important;
  overflow:visible!important;
  white-space:normal!important;
  background:var(--sp-mobile-panel-bg)!important;
}

#sp-mobile-menu .sp-menu,
#sp-mobile-menu .sp-menu ul,
#sp-mobile-menu .sp-menu li{
  float:none!important;
  clear:both!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  list-style:none!important;
}

#sp-mobile-menu .sp-menu li{
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

#sp-mobile-menu .sp-menu > li > a{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:15px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sp-mobile-panel-border)!important;
  border-radius:0!important;
  background:var(--sp-mobile-panel-bg)!important;
  color:var(--sp-mobile-panel-text)!important;
  font:700 15px/1.35 Montserrat,Arial,sans-serif!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#sp-mobile-menu .sp-menu > li.current-menu-item > a,
#sp-mobile-menu .sp-menu > li.current-menu-ancestor > a,
#sp-mobile-menu .sp-menu > li > a:hover,
#sp-mobile-menu .sp-menu > li > a:focus{
  background:var(--sp-mobile-panel-active-bg)!important;
  color:var(--sp-mobile-panel-text)!important;
  border-bottom-color:var(--sp-mobile-panel-border)!important;
}

#sp-mobile-menu .sp-menu .sub-menu{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  background:var(--sp-mobile-panel-bg)!important;
  box-shadow:none!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
}

#sp-mobile-menu .sp-menu .sub-menu a{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sp-mobile-panel-border)!important;
  background:var(--sp-mobile-panel-bg)!important;
  color:var(--sp-mobile-panel-text)!important;
  font:600 13px/1.4 Montserrat,Arial,sans-serif!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#sp-mobile-menu .sp-menu .sub-menu a:hover,
#sp-mobile-menu .sp-menu .sub-menu a:focus{
  background:var(--sp-mobile-panel-active-bg)!important;
}

@media(min-width:641px){
  #sp-mobile-menu.sp-mobile-menu-panel{display:none!important;}
}
/* ===== end SuaraPress 1.1.52 mobile navigation drawer ===== */


/* SuaraPress 1.1.54: background images are injected safely from the WordPress Customizer; Customizer now shows recommended image dimensions. */

/* ===== SuaraPress 1.1.59: deduplicated canonical responsive + overflow layer =====
 * Replaces duplicated responsive master blocks from 1.1.54-1.1.56.
 * One final source of truth for desktop/tablet/mobile widths.
 */

html,body{
  width:100%;
  max-width:100%;
}

.sp-container{
  box-sizing:border-box;
  width:calc(100% - 24px);
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

.sp-layout,
.sp-content,
.sp-sidebar,
.sp-entry,
.sp-entry-content,
.sp-headline,
.sp-headline-stage,
.sp-rekom-wrap,
.sp-rekom-grid,
.sp-category-block,
.sp-related,
.sp-interesting,
.sp-footer,
.widget,
.sp-widget-box{
  min-width:0;
  max-width:100%;
}

.sp-layout>* ,
.sp-feed-item>* ,
.sp-mini>* ,
.sp-archive-item>* ,
.sp-category-grid>* ,
.sp-rekom-grid>* ,
.sp-related-grid>* ,
.sp-interesting-item>*{
  min-width:0;
  max-width:100%;
}

img,video,iframe,embed,object,svg,canvas{
  max-width:100%;
}

/* Third-party/custom widget HTML cannot force its parent wider. */
.widget [style*="width"],
.widget [style*="min-width"],
.sp-widget-box [style*="width"],
.sp-widget-box [style*="min-width"],
.sp-entry-content [style*="width"],
.sp-entry-content [style*="min-width"],
.sp-banner [style*="width"],
.sp-banner [style*="min-width"],
.sp-mobile-parallax [style*="width"],
.sp-mobile-parallax [style*="min-width"]{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.sp-content input,.sp-content select,.sp-content textarea,.sp-content button,
.sp-sidebar input,.sp-sidebar select,.sp-sidebar textarea,.sp-sidebar button,
.widget input,.widget select,.widget textarea,.widget button{
  max-width:100%;
}

.sp-content,.sp-sidebar,.widget,.sp-widget-box,.sp-entry-content{
  overflow-wrap:anywhere;
}

.wp-block-table,
.sp-entry-content table,
.widget table,
.sp-widget-box table{
  max-width:100%;
}
.wp-block-table,
.sp-entry-content .wp-block-table,
.widget .wp-block-table,
.sp-widget-box .wp-block-table,
.sp-entry-content pre,
.widget pre,
.sp-widget-box pre{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* Closed mobile drawer is physically absent; no off-canvas translated box. */
#sp-mobile-menu.sp-mobile-menu-panel{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:none!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
}
#sp-mobile-menu.sp-mobile-menu-panel.open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
#sp-mobile-menu > .sp-menu{
  box-sizing:border-box;
  width:100%!important;
  max-width:min(760px,100%)!important;
}

/* Desktop */
@media (min-width:1025px){
  .sp-container{
    width:calc(100% - 48px);
    max-width:1200px;
  }
  .sp-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:24px;
    align-items:start;
  }
  .sp-content{width:100%;max-width:none;}
  .sp-sidebar{width:100%;max-width:300px;}
  .sp-headline-slide img{height:450px;}
  .sp-feed-item{grid-template-columns:260px minmax(0,1fr);}
  .sp-rekom-grid{gap:12px;}
}

/* Side rails need real physical room beside a 1200px content container. */
@media (min-width:1560px){
  .sp-rail{display:block;}
}

/* Tablet */
@media (min-width:641px) and (max-width:1024px){
  .sp-container{width:calc(100% - 32px);max-width:none;}
  .sp-container.sp-layout{width:calc(100% - 32px);max-width:none;margin-left:auto;margin-right:auto;}
  .sp-layout{display:block;}
  .sp-content,.sp-sidebar{width:100%;max-width:100%;}
  .sp-sidebar{padding-left:0;}
  .sp-rekom-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Phone: exactly one master width rule. */
@media (max-width:640px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:clip;
  }

  .sp-container{
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
  }

  .sp-layout,
  .sp-content,
  .sp-sidebar,
  .sp-entry,
  .sp-entry-content{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .sp-sidebar{padding-left:0;overflow:visible;}
  .single .sp-breadcrumb,
  .single .sp-entry-title,
  .single .sp-entry-subtitle,
  .single .sp-author-line,
  .single .sp-share,
  .single .sp-font-tools,
  .single .sp-entry-content,
  .single .sp-tags,
  .single .sp-related,
  .single .comments-area,
  .single .sp-interesting,
  .page .sp-entry-title,
  .page .sp-entry-content{
    padding-left:0;
    padding-right:0;
  }

  .sp-sidebar .widget{overflow:visible;}
  .sp-brand-row,.sp-brand,.sp-site-header,.sp-main,.sp-footer{min-width:0;max-width:100%;}
  .sp-brand{overflow:hidden;}

  .sp-entry-content > *,
  .sp-sidebar .widget > *,
  .sp-widget-box > *,
  .sp-banner > *,
  .sp-mobile-parallax > *,
  figure,.wp-block-image,.wp-block-embed,.wp-block-video,.wp-block-group,.wp-block-columns{
    min-width:0!important;
    max-width:100%!important;
  }

  iframe,embed,object,video,canvas,svg,img{
    max-width:100%!important;
  }

  .sp-entry-content iframe[width],
  .sp-entry-content img[width],
  .sp-entry-content video[width],
  .sp-sidebar iframe[width],
  .sp-sidebar img[width],
  .sp-sidebar video[width],
  .sp-banner iframe[width],
  .sp-banner img[width],
  .sp-mobile-parallax iframe[width],
  .sp-mobile-parallax img[width]{
    max-width:100%!important;
  }

  .sp-entry-content iframe,
  .sp-sidebar iframe,
  .sp-widget-box iframe,
  .sp-banner iframe,
  .sp-mobile-parallax iframe{
    width:100%!important;
  }

  .sp-feed-copy,.sp-archive-copy,.sp-mini>*,.sp-interesting-copy,
  .sp-related-copy,.sp-headline-copy,.sp-rekom-copy{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .sp-rekom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:360px){
  .sp-container{
    width:calc(100% - 12px);
    max-width:calc(100% - 12px);
  }
}
/* ===== end SuaraPress 1.1.59 ===== */


/* ===== SuaraPress 1.1.65: responsive ad placement + accent binding fixes ===== */

/* 970x250 is a desktop/tablet banner. Mobile has its dedicated 320x480 slot. */
@media (max-width:640px){
  .sp-ad-slot-header{display:none!important;min-height:0!important;margin:0!important;}
}

/* Real mobile parallax: the slot clips the media while JS applies a small scroll shift. */
@media (max-width:640px){
  .sp-mobile-parallax{
    display:block;
    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
    background:transparent;
    contain:layout paint;
  }
  .sp-mobile-parallax .widget{
    width:100%;
    max-width:320px;
    margin:0 auto!important;
    overflow:hidden;
  }
  .sp-mobile-parallax img{
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    transform:translate3d(0,var(--sp-mobile-parallax-y,0px),0) scale(1.08);
    transform-origin:center center;
    will-change:transform;
    backface-visibility:hidden;
  }
}
@media (prefers-reduced-motion:reduce){
  .sp-mobile-parallax img{transform:none!important;will-change:auto;}
}

/* 160x600 article rail keeps the normal 876px article width by widening only single pages. */
.sp-article-left-rail{display:none;}
@media (min-width:1440px){
  body.single.sp-has-article-left .sp-container.sp-single-layout{
    width:calc(100% - 48px);
    max-width:1384px;
    grid-template-columns:160px minmax(0,1fr) 300px;
    gap:24px;
    align-items:start;
  }
  body.single.sp-has-article-left .sp-article-left-rail{
    display:block;
    grid-column:1;
    grid-row:1;
    width:160px;
    min-width:160px;
    max-width:160px;
    min-height:600px;
    position:sticky;
    top:118px;
    align-self:start;
    text-align:center;
    overflow:hidden;
  }
  body.single.sp-has-article-left .sp-article-left-rail .widget{
    width:160px;
    max-width:160px;
    margin:0;
    overflow:hidden;
  }
  body.single.sp-has-article-left .sp-article-left-rail img,
  body.single.sp-has-article-left .sp-article-left-rail iframe{
    display:block;
    width:160px!important;
    max-width:160px!important;
    margin:0 auto;
  }
  body.single.sp-has-article-left .sp-content{grid-column:2;grid-row:1;}
  body.single.sp-has-article-left .sp-sidebar{grid-column:3;grid-row:1;}

  /* Avoid collision with the global 160x600 rails when the article-specific rail is active. */
  body.single.sp-has-article-left .sp-rail{display:none!important;}
}

/* Article-left 160x600 is a rail format, so do not force it into tablet/phone content. */
@media (max-width:1439px){
  body.single .sp-article-left-rail{display:none!important;}
}

/* The vertical title bar uses :before; bind Customizer accent colors to that real element. */
.sp-rekom-wrap>.sp-section-title:before{background:var(--sp-rekom-accent)!important;}
.sp-content>section:not(.sp-headline):not(.sp-rekom-wrap):not(.sp-category-block)>.sp-section-title:before{background:var(--sp-latest-accent)!important;}
.sp-home-slot-1>.sp-section-title:before{background:var(--sp-home-1-accent)!important;}
.sp-home-slot-2>.sp-section-title:before{background:var(--sp-home-2-accent)!important;}
.sp-home-slot-3>.sp-section-title:before{background:var(--sp-home-3-accent)!important;}
.sp-home-slot-4>.sp-section-title:before{background:var(--sp-home-4-accent)!important;}
.sp-home-slot-5>.sp-section-title:before{background:var(--sp-home-5-accent)!important;}

/* Bottom 728x90 stays responsive and centered on every template through footer.php. */
.sp-ad-slot-bottom{
  width:calc(100% - 24px);
  max-width:1200px;
  margin:18px auto;
  text-align:center;
}
.sp-ad-slot-bottom .widget{margin:0 auto;}
.sp-ad-slot-bottom img,.sp-ad-slot-bottom iframe{
  display:block;
  max-width:100%!important;
  margin-left:auto;
  margin-right:auto;
}
/* ===== end SuaraPress 1.1.65 ===== */

/* ===== SuaraPress 1.1.66: final cross-screen layout audit ===== */
/* Generic .sp-ad-slot used position:relative and unintentionally overrode the fixed side rails. */
.sp-rail.sp-ad-slot{
  position:fixed;
}
.sp-rail-left.sp-ad-slot{
  left:max(4px,calc((100% - var(--sp-width))/2 - 175px));
  right:auto;
}
.sp-rail-right.sp-ad-slot{
  right:max(4px,calc((100% - var(--sp-width))/2 - 175px));
  left:auto;
}

/* Keep a consistent safe gutter around the main layout on phones. */
@media (max-width:640px){
  .sp-container.sp-layout{
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width:360px){
  .sp-container.sp-layout{
    width:calc(100% - 12px);
    max-width:calc(100% - 12px);
  }
}

/* The default recommendation count is four; two balanced columns avoid a 3+1 orphan row on tablets. */
@media (min-width:641px) and (max-width:1024px){
  .sp-rekom-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* ===== end SuaraPress 1.1.66 ===== */


/* ===== SuaraPress 1.2.0: News Engine ===== */
.sp-article-micro-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-top:4px;
  color:var(--sp-muted,#777);
  font-size:12px;
  line-height:1.45;
}
.sp-article-micro-meta .sp-meta-dot{opacity:.55;padding:0 1px;}
.sp-source-box{
  margin:18px 0;
  padding:10px 12px;
  border-left:3px solid var(--sp-blue,#1b5daf);
  background:var(--sp-soft,#f7f7f7);
  font-size:13px;
  line-height:1.55;
}
.sp-source-box a{font-weight:600;}
.sp-managed-ad,.sp-widget-ad{max-width:100%;box-sizing:border-box;}
.sp-managed-ad img,.sp-managed-ad iframe,.sp-widget-ad img,.sp-widget-ad iframe{
  max-width:100%;
}
.sp-inarticle-ad{
  width:100%;
  max-width:100%;
  margin:22px auto;
  text-align:center;
  overflow:hidden;
  clear:both;
}
.sp-inarticle-ad img,.sp-inarticle-ad iframe{max-width:100%!important;}
.sp-mobile-parallax.sp-managed-ad{
  width:min(320px,100%);
  max-width:320px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:640px){
  .sp-ad-device-desktop{display:none!important;}
  .sp-article-micro-meta{font-size:11px;}
}
@media (min-width:641px){
  .sp-ad-device-mobile{display:none!important;}
}
/* ===== end SuaraPress 1.2.0 ===== */

/* ===== SuaraPress 1.3.5: accessibility / Agentic navigation ===== */
.sp-headline-thumb[role="button"]{cursor:pointer}
.sp-headline-thumb[role="button"]:focus-visible,
.sp-feed-thumb:focus-visible,
.sp-home5-thumb:focus-visible,
.sp-related-thumb:focus-visible,
.sp-interesting-thumb:focus-visible{
  outline:3px solid currentColor;
  outline-offset:3px;
}

/* ===== SuaraPress 1.3.6: full-audit refinements ===== */
.sp-comments{margin-top:28px;scroll-margin-top:110px;}
.sp-comments .comment-list{list-style:none;margin:0;padding:0;}
.sp-comments .comment-list .comment{margin:0 0 18px;padding:14px;border:1px solid var(--sp-border-soft);border-radius:6px;}
.sp-font-tools button:focus-visible,.sp-action-btn:focus-visible,.sp-menu-toggle:focus-visible,.sp-mobile-menu-close:focus-visible{outline:3px solid currentColor;outline-offset:3px;}
.sp-breaking:focus-within .sp-breaking-track{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .sp-breaking-track{animation:none!important;transform:none!important;}
}
/* ===== end SuaraPress 1.3.6 ===== */

/* ===== SuaraPress 1.3.10: Homepage 1-5 labels follow each section accent =====
 * Category labels inside every Homepage slot use the same color selected in
 * "Warna Garis / Aksen Homepage N".  Time/separator metadata keeps its
 * neutral/overlay color so the accent remains focused on the actual label.
 */
.sp-home-slot-1 .sp-home-cat-name,
.sp-home-slot-1 .sp-home-cat-name:hover,
.sp-home-slot-1 .sp-home-cat-name:focus,
.sp-home-slot-1 .sp-home-cat-name:active{color:var(--sp-home-1-accent)!important;}
.sp-home-slot-2 .sp-home-cat-name,
.sp-home-slot-2 .sp-home-cat-name:hover,
.sp-home-slot-2 .sp-home-cat-name:focus,
.sp-home-slot-2 .sp-home-cat-name:active{color:var(--sp-home-2-accent)!important;}
.sp-home-slot-3 .sp-home-cat-name,
.sp-home-slot-3 .sp-home-cat-name:hover,
.sp-home-slot-3 .sp-home-cat-name:focus,
.sp-home-slot-3 .sp-home-cat-name:active{color:var(--sp-home-3-accent)!important;}
.sp-home-slot-4 .sp-home-cat-name,
.sp-home-slot-4 .sp-home-cat-name:hover,
.sp-home-slot-4 .sp-home-cat-name:focus,
.sp-home-slot-4 .sp-home-cat-name:active{color:var(--sp-home-4-accent)!important;}
.sp-home-slot-5 .sp-home-cat-name,
.sp-home-slot-5 .sp-home-cat-name:hover,
.sp-home-slot-5 .sp-home-cat-name:focus,
.sp-home-slot-5 .sp-home-cat-name:active{color:var(--sp-home-5-accent)!important;}
/* ===== end Homepage 1-5 accent labels ===== */

/* ===== SuaraPress 1.3.12: controllable internal-link strengthening ===== */
.sp-home-section-title > a,
.sp-home-section-title > a:visited,
.sp-headline-cat > a,
.sp-headline-cat > a:visited{
  color:inherit;
  text-decoration:none;
}
.sp-home-section-title > a:hover,
.sp-home-section-title > a:focus-visible,
.sp-headline-cat > a:hover,
.sp-headline-cat > a:focus-visible{
  text-decoration:underline;
}
.sp-section-title-sep{color:inherit;}

/* Homepage 5 previously nested a category link inside the full-card article
 * link. The copy is now a sibling overlay so article and category links remain
 * valid, independently crawlable HTML. */
.sp-home5-copy{pointer-events:none;}
.sp-home5-copy a{pointer-events:auto;}
/* ===== end SuaraPress 1.3.12 internal-link strengthening ===== */