/*
Theme Name: Media Online Ridwan Batara
Theme URI: https://pikirpedia.com
Author: Ridwan Batara (JPO Network)
Author URI: https://pikirpedia.com
Description: Theme ini dibuat khusus untuk kawan-kawan Jurnalis.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: torang-bisa-malut
*/
:root{--ink:#10243b;--blue:#0d5c91;--red:#c9233d;--gold:#f2b84b;--paper:#f5f7fa;--muted:#64748b;--line:#dce4ec}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-shell{max-width:1180px;margin:auto;padding:0 20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}.site-header{background:#fff;border-bottom:1px solid var(--line)}.masthead{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:14px 4px 14px 4px;background:linear-gradient(135deg,var(--red),var(--blue));color:white;display:grid;place-items:center;font-weight:900;font-size:20px}.brand-title{font-weight:900;font-size:1.45rem;letter-spacing:-.03em}.brand-sub{display:block;font-size:.72rem;color:var(--muted);font-weight:600}.top-date{font-size:.85rem;color:var(--muted)}.main-nav{background:var(--ink);color:#fff}.nav-row{display:flex;align-items:center;gap:20px;min-height:48px}.nav-row ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;overflow:auto}.nav-row li{white-space:nowrap;font-weight:700;font-size:.9rem}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.4rem}.breaking{background:var(--red);color:#fff;padding:8px 0;font-size:.9rem}.breaking strong{margin-right:12px}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:12px;margin:24px 0}.hero-card{position:relative;min-height:260px;overflow:hidden;border-radius:16px;background:#18334d}.hero-card:first-child{grid-row:span 2;min-height:532px}.hero-card img{width:100%;height:100%;object-fit:cover;opacity:.82}.hero-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.hero-copy{position:absolute;bottom:18px;left:18px;right:18px;color:#fff;z-index:1}.eyebrow{display:inline-block;background:var(--red);color:#fff;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:800}.hero-copy h2{margin:7px 0 0;line-height:1.12;font-size:clamp(1.25rem,2vw,2rem)}.section-head{display:flex;justify-content:space-between;align-items:center;border-left:5px solid var(--red);padding-left:12px;margin:30px 0 16px}.section-head h2{margin:0;font-size:1.35rem}.section-head a{color:var(--blue);font-size:.85rem;font-weight:800}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(16,36,59,.04)}.card-body{padding:14px}.card h3{font-size:1.05rem;line-height:1.25;margin:6px 0}.meta{color:var(--muted);font-size:.8rem}.card-thumb{aspect-ratio:16/9;object-fit:cover;width:100%;background:#dbe7f0}.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px}.sidebar-box h3{margin-top:0}.article{background:#fff;padding:clamp(20px,4vw,52px);border-radius:16px}.article h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:.4em 0}.article-content{font-family:Georgia,serif;font-size:1.12rem}.article-content img{margin:24px auto;border-radius:10px}.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.share-row a{background:#eaf1f7;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.pagination{display:flex;gap:8px;margin:28px 0}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.site-footer{background:var(--ink);color:#dbe7f0;margin-top:50px;padding:40px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-title{color:#fff;font-weight:900}.widget-area ul{list-style:none;padding:0}.widget-area li{margin:6px 0}.banner-slot{margin:18px 0}.banner-slot img{margin:auto;border-radius:8px}.banner-slot iframe{max-width:100%}.mobile-sticky{position:fixed;bottom:0;left:0;right:0;z-index:20}.search-form{display:flex;gap:8px}.search-form input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}.search-form button{background:var(--red);color:#fff;border:0;border-radius:8px;padding:0 14px}@media(max-width:800px){.site-shell{padding:0 14px}.top-date{display:none}.menu-toggle{display:block}.nav-row ul{display:none}.nav-row.open ul{display:flex;flex-direction:column;padding:12px 0}.hero-grid{grid-template-columns:1fr 1fr}.hero-card:first-child{grid-column:span 2;grid-row:auto;min-height:360px}.content-layout{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.masthead{padding:12px 0}}

/* Source-aligned visual layer: Poppins, 1050px layout, squared editorial cards, red/purple navigation. */
html{font-size:16px}body{background:#eee;color:#000;font-family:'Poppins',Arial,sans-serif;font-size:14px}.site-shell{max-width:1050px;padding-left:16px;padding-right:16px}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e0e0e0}.masthead{padding:10px 0;min-height:64px}.brand{gap:10px}.brand-mark{width:42px;height:42px;border-radius:2px;background:#d9091b;font-size:16px}.brand-title{font-size:1.15rem;letter-spacing:0}.brand-sub{font-size:.64rem}.top-date{font-size:.75rem;color:#666}.main-nav{background:linear-gradient(80deg,#d9091b,#3920c9);min-height:42px}.nav-row{min-height:42px;gap:16px}.nav-row ul{gap:0;width:100%}.nav-row li{font-size:.78rem;text-transform:uppercase}.nav-row li a{display:block;padding:11px 14px}.nav-row li a:hover,.nav-row li a:focus{background:rgba(0,0,0,.18);color:#f1c40f}.breaking{background:#111;color:#fff;padding:7px 0;font-size:.78rem}.breaking strong{font-weight:500;margin-right:14px}.hero-grid{gap:8px;margin:18px 0}.hero-card{border-radius:2px;min-height:220px;background:#222}.hero-card:first-child{min-height:448px}.hero-card:after{inset:25% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,0))}.hero-copy{left:16px;right:16px;bottom:14px}.eyebrow{background:#d9091b;border-radius:2px;padding:2px 7px;font-size:.64rem;text-transform:uppercase}.hero-copy h2{font-size:clamp(1rem,1.8vw,1.45rem);line-height:1.25;font-weight:600}.content-layout{grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:24px}.section-head{border-left:0;border-bottom:2px solid #d9091b;padding:0 0 8px;margin:24px 0 14px}.section-head h2{font-size:1.1rem;font-weight:600}.section-head a{color:#d9091b;font-size:.75rem}.post-grid{gap:16px}.card{border:0;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.card-body{padding:12px}.card h3{font-size:.94rem;line-height:1.35;font-weight:600;margin:5px 0}.meta{font-size:.7rem;color:#666}.card-thumb{background:#ddd}.sidebar-box{border:0;border-radius:2px;padding:16px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.sidebar-box h3{font-size:1rem;border-bottom:2px solid #d9091b;padding-bottom:7px}.article{border-radius:2px;padding:clamp(18px,3vw,34px)}.article h1{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:600}.article-content{font-family:'Poppins',Arial,sans-serif;font-size:1rem}.site-footer{background:#fff;color:#666;border-top:1px solid #e0e0e0;padding:30px 0;margin-top:36px}.footer-title{color:#111;font-size:1rem}.footer-credit{font-size:.78rem;color:#666}.footer-grid{gap:24px}.search-form input{border-radius:2px}.search-form button{background:#d9091b;border-radius:2px}@media(max-width:800px){.site-header{position:relative}.nav-row li a{padding:9px 12px}.hero-grid{gap:6px}.hero-card{min-height:180px}.hero-card:first-child{min-height:300px}.content-layout{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card h3{font-size:.82rem}}@media(max-width:500px){.post-grid{grid-template-columns:1fr}.brand-title{font-size:1rem}.hero-copy h2{font-size:1rem}}

/* Responsive image-only banner slots */
.banner-slot{width:100%;margin:16px 0;line-height:0;overflow:hidden}
.banner-slot img{display:block;width:100%;height:auto;max-width:100%;margin:0 auto;border-radius:2px;object-fit:contain}
.banner-top_mobile{display:none}
.banner-between_news{grid-column:1 / -1}
.banner-sticky_left{position:fixed;left:0;top:50%;transform:translateY(-50%);width:min(120px,10vw);z-index:25;margin:0}
.banner-floating_left,.banner-floating_right{position:fixed;top:50%;transform:translateY(-50%);width:min(180px,14vw);z-index:25;margin:0}
.banner-floating_left{left:0}.banner-floating_right{right:0}
.banner-floating_bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(728px,100%);z-index:24;margin:0}
.banner-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(50vw,720px);max-width:50vw;max-height:50vh;z-index:60;margin:0;box-shadow:0 12px 40px rgba(0,0,0,.35)}
@media(max-width:800px){.banner-top_mobile{display:block}.banner-sticky_left,.banner-floating_left,.banner-floating_right{display:none}.banner-floating_bottom{width:100%}.banner-popup{width:85vw;max-width:85vw;max-height:50vh}.banner-slot{margin:12px 0}}
@media(min-width:801px){.banner-top_mobile{display:none}}
.banner-popup{position:fixed;isolation:isolate;overflow:hidden}.banner-popup .banner-close{position:absolute!important;right:8px;top:8px;width:34px;height:34px;padding:0;border:2px solid #fff;border-radius:50%;background:#d9091b;color:#fff;font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:28px;text-align:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.45)}.banner-popup img{position:relative;z-index:1;width:100%;max-height:50vh;object-fit:contain}
/* WPMedia-inspired editorial homepage layer, independently implemented. */
.home-page{padding-top:10px}.headline-strip{display:flex;align-items:center;min-height:42px;background:#fff;border-left:5px solid #d9091b;margin:14px 0 10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.headline-label{flex:0 0 auto;background:#111;color:#fff;padding:11px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.headline-track{display:flex;gap:34px;white-space:nowrap;overflow:hidden;padding:0 18px;font-size:.78rem}.headline-track a{font-weight:500}.headline-track a:hover{color:#d9091b}.hero-grid{grid-template-columns:1.8fr 1fr 1fr;grid-template-rows:220px 220px;gap:6px;margin:10px 0 20px}.hero-card{min-height:220px;border-radius:2px}.hero-card:first-child{grid-row:span 2;min-height:446px}.hero-copy{left:14px;right:14px;bottom:13px}.hero-copy h2{font-size:clamp(1rem,1.7vw,1.4rem);margin:5px 0 3px}.hero-date{font-size:.68rem;color:#eee}.home-ad-row{margin:4px auto 18px;max-width:970px}.home-ad-row .banner-slot{margin:0}.home-ad-row img{max-height:250px;object-fit:cover}.content-layout{align-items:start}.main-column{min-width:0}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.editorial-grid .banner-between_news{grid-column:1/-1}.card{box-shadow:0 1px 5px rgba(0,0,0,.1)}.card-thumb{aspect-ratio:16/10}.home-sidebar{min-width:0}.popular-widget ol{list-style:none;margin:0;padding:0;counter-reset:popular}.popular-widget li{counter-increment:popular;border-bottom:1px solid #e6e6e6;padding:10px 0}.popular-widget li:last-child{border-bottom:0}.popular-widget li a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.popular-widget li a:before{content:counter(popular);font-size:1.4rem;font-weight:700;color:#d9091b;text-align:center}.popular-widget li a>span:last-child{min-width:0}.popular-widget strong{display:block;font-size:.78rem;line-height:1.3;font-weight:600}.popular-widget small{display:block;color:#777;font-size:.68rem;margin-top:3px}.popular-thumb{display:none}.latest-band{margin:25px 0 10px}.latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.latest-card{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.1);overflow:hidden}.latest-card .card-thumb{width:100%;margin:0;border-radius:0}.latest-card-body{padding:10px}.latest-card h3{font-size:.86rem;line-height:1.35;margin:4px 0;font-weight:600}.banner-popup-frame{position:relative;width:100%;max-width:100%;line-height:0}.banner-popup-frame img{display:block;width:100%;height:auto;max-width:100%;max-height:50vh;object-fit:contain}.banner-popup .banner-close{right:4px;top:4px}.banner-popup{padding:0;background:transparent}.banner-popup-frame .banner-close{z-index:3}.header-tools{display:flex;align-items:center;gap:12px}.header-search{display:flex;align-items:center;border:1px solid #ddd;background:#fff;height:32px}.header-search input{width:125px;border:0;outline:0;padding:5px 9px;font:inherit;font-size:.74rem}.header-search button,.header-menu-grid{border:0;background:transparent;cursor:pointer;font-size:1.1rem;height:30px;min-width:30px}.header-search button:hover,.header-menu-grid:hover{color:#d9091b}.header-menu-grid{font-size:1.45rem;line-height:1}.breaking span{opacity:.9}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}.hero-card:first-child{grid-column:span 2;grid-row:auto;min-height:300px}.headline-strip{margin-top:10px}.headline-track{gap:24px}.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ad-row img{max-height:180px}.header-tools{gap:5px}.header-tools .top-date{display:none}.header-search input{width:90px}.header-menu-grid{display:none}}
@media(max-width:500px){.hero-grid{grid-template-columns:1fr;grid-template-rows:auto}.hero-card,.hero-card:first-child{grid-column:auto;grid-row:auto;min-height:220px}.hero-card:first-child{min-height:280px}.editorial-grid{grid-template-columns:1fr}.latest-grid{grid-template-columns:1fr 1fr}.headline-label{padding:10px 9px;font-size:.63rem}.headline-track{padding:0 12px;font-size:.72rem}}