/*
Theme Name: Jeneberang Media
Theme URI: https://jeneberang.com
Author: Jeneberang
Description: Tema blok untuk media digital: futuristik, premium, dan nyaman dibaca. Lingkungan baca putih, hero gelap, aksen electric blue.
Version: 1.0.5
Requires at least: 6.5
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: jeneberang-media
*/

:root{--jm-midnight:#101827;--jm-navy:#182B45;--jm-blue:#2563EB;--jm-cyan:#38BDF8;--jm-ice:#F4F7FB;--jm-gray:#566174;--jm-gray-d:#A4B4CB;--jm-line:#DCE3EE;--jm-line-d:rgba(148,174,214,.22);--jm-ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--jm-cyan);outline-offset:3px}
.wp-block-post-title a,.wp-block-site-title a{text-decoration:none;color:inherit}
.wp-block-post-template{list-style:none;padding:0;margin:0}

/* ---------- technical metadata ---------- */
.jm-meta,.jm-meta a{font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:var(--jm-gray);text-decoration:none}
.jm-cat,.jm-cat a{color:var(--jm-blue)}
.jm-dark .jm-meta,.jm-dark .jm-meta a{color:var(--jm-gray-d)}
.jm-dark .jm-cat,.jm-dark .jm-cat a{color:var(--jm-cyan)}
.jm-meta.wp-block-post-terms,.jm-meta.wp-block-post-date,.jm-time{margin:0}
.jm-idx{font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--jm-blue);margin:0}
.jm-time{font-family:var(--wp--preset--font-family--mono);font-size:13px;font-weight:500;color:var(--jm-midnight)}

/* ---------- header: menu left, logo centre, search right ---------- */
.wp-site-blocks>*{margin-block-start:0!important}
.jm-nav{background:#fff}
.jm-nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:84px}
.jm-nav-in>*{margin:0!important}
.jm-nav-l{justify-self:start}
.jm-nav-c{justify-self:center;text-align:center;display:flex;align-items:center;justify-content:center}
.jm-nav-r{justify-self:end}
.jm-nav-l,.jm-nav-c,.jm-nav-r{display:flex;align-items:center;align-self:center}
.jm-nav-l .wp-block-navigation,.jm-nav-r .wp-block-search{margin:0}
.jm-nav .wp-block-site-logo{margin:0}
.jm-nav .wp-block-site-logo img{max-height:52px;width:auto;height:auto}
.jm-nav .wp-block-site-logo+.jm-brand,.jm-footer .wp-block-site-logo+.jm-brand{display:none}
.jm-brand{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:24px;letter-spacing:.06em;text-transform:uppercase;margin:0}
.jm-nav .wp-block-navigation__responsive-container-open{width:44px;height:44px;justify-content:center;border:1px solid var(--jm-line);border-radius:8px;transition:border-color .2s,color .2s}
.jm-nav .wp-block-navigation__responsive-container-open:hover{border-color:var(--jm-blue);color:var(--jm-blue)}
.jm-nav .wp-block-search__button{width:44px;height:44px;margin:0;border-radius:8px}
.jm-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--jm-midnight);color:#fff;padding:24px clamp(16px,3vw,40px)}
.jm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{font-family:var(--wp--preset--font-family--display);font-size:clamp(26px,3.4vw,40px);font-weight:600;letter-spacing:-.015em;padding-block:6px}
.jm-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover{color:var(--jm-cyan)}
.jm-nav .wp-block-navigation__responsive-container-close{color:#fff}
.jm-kanal{border-top:1px solid var(--jm-line);border-bottom:1px solid var(--jm-line)}
.jm-kanal .wp-block-navigation{width:100%}
.jm-kanal .wp-block-navigation__container{width:100%;justify-content:center;gap:clamp(20px,3vw,44px)}
.jm-kanal .wp-block-navigation-item a{position:relative;padding:15px 0;font-family:var(--wp--preset--font-family--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--jm-midnight);text-decoration:none}
.jm-kanal .wp-block-navigation-item a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--jm-blue);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--jm-ease)}
.jm-kanal .wp-block-navigation-item a:hover::after,.jm-kanal .current-menu-item a::after{transform:scaleX(1)}
.jm-kanal .wp-block-navigation-item a:hover{color:var(--jm-blue)}

/* ---------- media ---------- */
.jm-media{overflow:hidden;margin:0;position:relative}
.jm-media img{display:block;width:100%;transition:transform .9s var(--jm-ease)}
.wp-block-post:hover .jm-media img{transform:scale(1.05)}

/* ---------- hero ---------- */
.jm-hero{position:relative;overflow:hidden;background:var(--jm-midnight);color:#fff;padding-block:72px 0}
.jm-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%)}
.jm-hero>*{position:relative}
.jm-hero a{color:inherit}
.jm-hero-cols{gap:72px;margin-bottom:0;align-items:center}
.jm-hero-meta{gap:14px;margin-bottom:6px;align-items:center}
.jm-hero-meta .wp-block-post-date::before{content:"/";margin-right:14px;color:var(--jm-gray-d)}
.jm-h1,.jm-h1 a{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:clamp(38px,4.2vw,62px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;color:#fff}
.jm-h1{margin:20px 0 24px}
.jm-stand{font-size:18px;line-height:1.65;color:var(--jm-gray-d);max-width:44ch;margin:0 0 32px}
.jm-lnk,.jm-lnk a{display:inline-block;font-weight:600;font-size:15px;color:#fff;text-decoration:none;border-bottom:1px solid var(--jm-cyan);padding-bottom:6px;transition:color .2s,padding-right .3s var(--jm-ease)}
.jm-lnk:hover{color:var(--jm-cyan);padding-right:8px}
.jm-hero-img{box-shadow:20px 20px 0 -1px var(--jm-navy),20px 20px 0 0 rgba(56,189,248,.35)}
.jm-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(16,24,39,.55));pointer-events:none}
.jm-hero-img img{aspect-ratio:4/3;object-fit:cover}
.jm-sthumb{display:none}
.jm-support{margin-top:88px;border-top:1px solid var(--jm-line-d);padding-bottom:64px}
.jm-support .wp-block-post-template{gap:0;counter-reset:s 1}
.jm-support .wp-block-post{padding:30px 32px 8px 0;counter-increment:s}
.jm-support .wp-block-post+.wp-block-post{padding-left:32px;border-left:1px solid var(--jm-line-d)}
.jm-support .wp-block-post::before{content:"0" counter(s);display:block;font-family:var(--wp--preset--font-family--mono);font-size:11px;letter-spacing:.1em;color:var(--jm-cyan);margin-bottom:12px}
.jm-support .wp-block-post-title,.jm-support .wp-block-post-title a{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:22px;line-height:1.25;letter-spacing:-.012em;color:#fff;margin:10px 0 12px;text-wrap:balance}

/* ---------- animated underline for headlines ---------- */
.jm-title,.jm-title a,.jm-h1 a,.jm-support .wp-block-post-title a{background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;transition:background-size .45s var(--jm-ease);padding-bottom:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.jm-title a{background-image:linear-gradient(var(--jm-blue),var(--jm-blue))}
.jm-h1 a,.jm-support .wp-block-post-title a,.jm-dark .jm-title a{background-image:linear-gradient(var(--jm-cyan),var(--jm-cyan))}
.wp-block-post:hover .jm-title a,.wp-block-post:hover .jm-h1 a,.jm-support .wp-block-post:hover .wp-block-post-title a{background-size:100% 2px}
.jm-title,.jm-title a{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:20px;line-height:1.28;letter-spacing:-.012em;margin:10px 0 0;text-wrap:balance;color:var(--wp--preset--color--midnight)}
.jm-dark .jm-title,.jm-dark .jm-title a{color:#fff}
.jm-excerpt{font-size:15px;line-height:1.65;color:var(--jm-gray);margin-top:10px}
.jm-dark .jm-excerpt{color:var(--jm-gray-d)}

/* ---------- sections ---------- */
.jm-sec{padding-block:88px}
.jm-ice{background:var(--jm-ice)}
.jm-sec-h{border-bottom:1px solid var(--jm-line);padding-bottom:22px;margin-bottom:44px}
.jm-sec-h h2,.jm-split-l h2{font-size:38px;line-height:1.08;letter-spacing:-.025em;margin:14px 0 0}
.jm-sub{font-size:15px;line-height:1.6;color:var(--jm-gray);margin-top:16px;max-width:28ch}

/* terkini: sticky label left, timeline right */
.jm-split{display:grid;grid-template-columns:3fr 9fr;gap:72px}
.jm-split-l{position:sticky;top:32px;align-self:start}
.jm-feed .wp-block-post-template{border-bottom:1px solid var(--jm-line)}
.jm-fthumb{display:none}
.jm-feed-row{display:grid;grid-template-columns:76px 120px 1fr;align-items:baseline;gap:20px;padding:22px 16px;margin:0;border-top:1px solid var(--jm-line);transition:background .25s,padding-left .35s var(--jm-ease)}
.jm-feed-row>*{margin:0!important}
.jm-feed-row:hover{background:#fff;padding-left:28px}
.jm-feed-row .jm-title,.jm-feed-row .jm-title a{font-size:21px;margin:0}

/* sorotan: asymmetric mosaic */
.wp-block-post-template.jm-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:40px 32px;align-items:start}
.jm-mosaic>li{margin:0}
.jm-mosaic>li:nth-child(1){grid-column:1/8;grid-row:1/3}
.jm-mosaic>li:nth-child(2),.jm-mosaic>li:nth-child(3){grid-column:8/13;display:grid;grid-template-columns:42% 1fr;column-gap:22px;align-content:start}
.jm-mosaic>li:nth-child(2) .jm-media,.jm-mosaic>li:nth-child(3) .jm-media{grid-row:1/span 3}
.jm-mosaic>li:nth-child(2)>*,.jm-mosaic>li:nth-child(3)>*{margin-block:0!important}
.jm-mosaic>li:nth-child(2) .jm-title,.jm-mosaic>li:nth-child(3) .jm-title,.jm-mosaic>li:nth-child(2) .jm-title a,.jm-mosaic>li:nth-child(3) .jm-title a{font-size:19px}
.jm-mosaic>li:nth-child(2) .jm-excerpt,.jm-mosaic>li:nth-child(3) .jm-excerpt{display:none}
.jm-mosaic>li:nth-child(n+4){grid-column:span 4}
.jm-mosaic>li:nth-child(1) .jm-media img{aspect-ratio:16/10!important;object-fit:cover}
.jm-mosaic>li:nth-child(3){grid-row:2;border-top:1px solid var(--wp--preset--color--line);padding-top:32px}
.jm-mosaic>li:nth-child(2){grid-row:1}
.jm-mosaic>li:nth-child(1) .jm-title,.jm-mosaic>li:nth-child(1) .jm-title a{font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:-.025em;margin-top:16px}
.jm-mosaic>li:nth-child(1)>.jm-meta{margin-top:24px!important}
.jm-mosaic>li:nth-child(1) .jm-excerpt{font-size:17px;max-width:52ch}
.jm-mosaic .jm-media img{aspect-ratio:3/2;object-fit:cover}
.jm-mosaic>li:nth-child(2) .jm-media img,.jm-mosaic>li:nth-child(3) .jm-media img{aspect-ratio:1/1}
.jm-mosaic>li:nth-child(n+4)>.jm-meta{margin-top:18px!important}

/* liputan khusus */
.jm-special{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--jm-midnight) 0%,var(--jm-navy) 100%);padding-block:104px 96px;color:#fff}
.jm-special::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,transparent)}
.jm-special>*{position:relative}
.jm-special a{color:inherit}
.jm-sp-head{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:end}
.jm-sp-title{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:clamp(52px,6.4vw,92px);line-height:.96;letter-spacing:-.04em;color:#fff;margin:18px 0 0}
.jm-sp-p{font-size:19px;line-height:1.7;color:var(--jm-gray-d);max-width:50ch;margin:0}
.jm-chaps{margin-top:80px}
.jm-chaps .wp-block-post-template{counter-reset:chap;gap:28px}
.jm-chaps .wp-block-post{counter-increment:chap;position:relative;border-top:1px solid var(--jm-line-d);padding-top:24px}
.jm-chaps .wp-block-post::after{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;background:var(--jm-cyan)}
.jm-chaps .wp-block-post::before{content:"Bab 0" counter(chap);display:block;font-family:var(--wp--preset--font-family--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--jm-cyan);margin-bottom:16px}
.jm-chaps .wp-block-post:nth-child(even){margin-top:56px}
.jm-chaps .jm-media img{aspect-ratio:3/4;object-fit:cover}
.jm-chaps .jm-title,.jm-chaps .jm-title a{font-size:21px;margin-top:20px}

/* opini */
.jm-op{background:#fff;border:1px solid var(--jm-line);padding:32px 32px 36px;height:100%;transition:border-color .25s,transform .35s var(--jm-ease),box-shadow .35s}
.jm-op:hover{border-color:var(--jm-blue);transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(16,24,39,.35)}
.jm-op>*{margin-block:0!important}
.jm-op .jm-title,.jm-op .jm-title a{font-size:24px;margin-top:22px!important;line-height:1.22}
.jm-op .jm-excerpt{margin-top:14px!important}

/* ---------- single article ---------- */
.jm-article-h{padding-top:48px}
.jm-article-title{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:clamp(36px,4.4vw,64px);line-height:1.03;letter-spacing:-.03em;max-width:20ch;margin:22px 0 24px;text-wrap:balance}
.jm-article-stand{font-size:clamp(18px,1.6vw,22px);line-height:1.6;color:var(--jm-gray);max-width:60ch}
.jm-byline{margin-top:36px;padding-block:20px;border-block:1px solid var(--jm-line)}
.jm-body{padding-block:56px 80px}
.jm-body .wp-block-post-content{font-size:19px;line-height:1.8;color:#1B2433}
.jm-body .wp-block-post-content>*{margin-block-start:0;margin-block-end:1.45em}
.jm-body .wp-block-post-content h2{font-family:var(--wp--preset--font-family--display);font-size:30px;line-height:1.15;letter-spacing:-.02em;margin-block:2em .7em}
.jm-body .wp-block-post-content h3{font-family:var(--wp--preset--font-family--display);font-size:24px;line-height:1.2;margin-block:1.8em .6em}
.jm-body .wp-block-quote,.jm-body .wp-block-pullquote{border-left:3px solid var(--jm-blue);border-top:0;border-bottom:0;padding:4px 0 4px 28px;margin-block:2.2em}
.jm-body .wp-block-quote p,.jm-body .wp-block-pullquote p{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:26px;line-height:1.35;letter-spacing:-.015em;color:var(--jm-midnight)}
.jm-body .wp-block-quote cite{font-family:var(--wp--preset--font-family--mono);font-size:11px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--jm-gray)}
.jm-body figcaption,.jm-credit{font-family:var(--wp--preset--font-family--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--jm-gray);line-height:1.6}
.jm-credit{border-top:1px solid var(--jm-line);padding-top:16px;margin-top:2em}
.jm-tags a{display:inline-flex;align-items:center;height:36px;padding:0 14px;margin:0 8px 8px 0;border:1px solid var(--jm-line);border-radius:999px;font-size:13px;font-weight:500;color:var(--jm-gray);text-decoration:none;transition:all .2s}
.jm-tags a:hover{border-color:var(--jm-blue);color:var(--jm-blue)}

/* ---------- footer ---------- */
.jm-footer{background:var(--jm-midnight);color:#D4DEEE;padding-block:80px 32px}
.jm-footer a{color:#D4DEEE;text-decoration:none}
.jm-footer a:hover{color:var(--jm-cyan)}
.jm-footer .jm-brand{color:#fff}
.jm-fgrid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:64px}
.jm-fgrid>*{margin:0!important}
.jm-fnote{font-size:14px;line-height:1.7;color:var(--jm-gray-d);max-width:38ch;margin-top:18px}
.jm-fgrid .wp-block-navigation{margin-top:16px;font-size:15px}
.jm-footer-bar{border-top:1px solid var(--jm-line-d);margin-top:64px;padding-top:24px}

/* ---------- pagination ---------- */
.wp-block-query-pagination{font-family:var(--wp--preset--font-family--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;gap:16px;margin-top:48px}
.wp-block-query-pagination a{color:var(--jm-blue);text-decoration:none}
.wp-block-query-pagination .page-numbers.current{color:var(--jm-midnight);font-weight:700}


/* ---------- jumlah pembaca (ikon mata) ---------- */
.jm-views{display:inline-flex;align-items:center;gap:6px;font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1.4;color:var(--jm-gray);margin:0}
.jm-views svg{flex:none;opacity:.85}
.jm-dark .jm-views{color:var(--jm-gray-d)}
.jm-hero-meta .jm-views::before{content:"/";margin-right:8px;color:var(--jm-gray-d)}
.jm-byline .jm-views{margin-left:auto}
.jm-support .jm-views{margin-top:2px}
.jm-mosaic>li>.jm-views{margin-top:14px!important}
.jm-feed-row{grid-template-columns:76px 120px 1fr auto}
.jm-feed-row .jm-views{justify-self:end}

/* ---------- bagikan ---------- */
.jm-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:40px;padding-top:28px;border-top:1px solid var(--jm-line)}
.jm-share-l{font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--jm-gray);margin-right:6px}
.jm-share-b{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--jm-line);border-radius:8px;background:#fff;color:var(--jm-midnight);cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.jm-share-b:hover{border-color:var(--jm-blue);color:var(--jm-blue)}
.jm-share-b.is-ok{background:var(--jm-blue);border-color:var(--jm-blue);color:#fff}

/* ---------- berita terkait ---------- */
.jm-rel{border-top:1px solid var(--jm-line)}
.jm-rel{padding-block:64px 72px}
.jm-rel-h{font-size:28px;letter-spacing:-.02em;margin:0 0 28px}
.jm-related .wp-block-post-template{gap:32px 24px}
.jm-related .jm-media img{aspect-ratio:3/2;object-fit:cover}
.jm-related .jm-title,.jm-related .jm-title a{font-size:17px;line-height:1.3;margin:14px 0 10px}
.jm-related .wp-block-post{display:flex;flex-direction:column;align-items:flex-start}
.jm-related .wp-block-post>.jm-meta{margin-bottom:6px}


/* ---------- ticker LIVE ---------- */
.jm-ticker{background:var(--jm-midnight);color:#fff}
.jm-ticker-in{display:flex;align-items:center;gap:16px;height:38px;overflow:hidden}
.jm-ticker-in>*{margin:0!important}
.jm-live{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--jm-blue);color:#fff;font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.jm-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:jm-pulse 1.6s ease-in-out infinite}
@keyframes jm-pulse{50%{opacity:.25}}
.jm-ticker-q{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.jm-ticker-q .wp-block-post-template{display:flex;list-style:none;margin:0;padding:0 0 0 100%;width:max-content;animation:jm-marq 70s linear infinite}
.jm-ticker-q:hover .wp-block-post-template{animation-play-state:paused}
@keyframes jm-marq{to{transform:translateX(-100%)}}
.jm-ticker-q li{margin:0;padding-right:56px;white-space:nowrap}
.jm-ticker-q .wp-block-post-title,.jm-ticker-q .wp-block-post-title a{font-family:var(--wp--preset--font-family--body);font-size:13px;font-weight:500;color:#e8eefb;text-decoration:none;margin:0}
.jm-ticker-q a:hover{color:var(--jm-cyan)}

/* ---------- label bagian ---------- */
.jm-lhead{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--jm-midnight);margin:0 0 26px!important}
.jm-label{display:inline-block;background:var(--jm-midnight);color:#fff;font-family:var(--wp--preset--font-family--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;margin:0}
.jm-dark .jm-lhead{border-color:var(--jm-blue)}
.jm-dark .jm-label{background:var(--jm-blue)}

/* ---------- Berita Terbaru: dua kartu foto + tab daftar ---------- */
.jm-top{position:relative;background:var(--jm-midnight);color:#fff;padding-block:40px 64px}
.jm-top::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.jm-top>*{position:relative}
.jm-top a{color:#fff;text-decoration:none}
.jm-top-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.jm-ov-list{gap:20px!important}
.jm-ov-list>li{position:relative;margin:0;overflow:hidden;border-radius:4px;background:var(--jm-navy)}
.jm-ov-img{margin:0;display:block;line-height:0}
.jm-ov-img img{aspect-ratio:2/3!important;object-fit:cover}
.jm-ov-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:96px 22px 22px;background:linear-gradient(180deg,transparent,rgba(16,24,39,.94) 70%);margin:0!important}
.jm-ov-txt>*{margin:0!important}
.jm-ov-txt .jm-title,.jm-ov-txt .jm-title a{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:clamp(19px,1.7vw,24px);line-height:1.2;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.jm-mrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.jm-mrow>*{margin:0!important}
.jm-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--jm-blue);margin:0 0 4px}
.jm-tabs button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--jm-gray-d);padding:12px 8px;font-family:var(--wp--preset--font-family--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}
.jm-tabs button:hover{color:#fff}
.jm-tabs button.is-on{color:#fff;border-bottom-color:var(--jm-cyan)}
.jm-tab{display:none}
.jm-tab.is-on{display:block}
.jm-list{list-style:none;margin:0;padding:0}
.jm-list>li{margin:0;border-bottom:1px solid var(--jm-line-d)}
.jm-lrow{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start;padding:14px 0;margin:0}
.jm-lrow>*{margin:0!important}
.jm-lthumb{border-radius:3px}
.jm-lthumb img{aspect-ratio:1/1;object-fit:cover}
.jm-ltxt{display:flex;flex-direction:column;gap:8px}
.jm-ltxt>*{margin:0!important}
.jm-ltxt .jm-title,.jm-ltxt .jm-title a{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:15.5px;line-height:1.35;color:#fff}

/* ---------- Berita Terkini: kartu ---------- */
.jm-cards .wp-block-post-template{gap:44px 28px}
.jm-cards .wp-block-post{display:flex;flex-direction:column;align-items:flex-start}
.jm-cards .wp-block-post>*{margin-block:0}
.jm-cards .jm-media{width:100%;border-radius:3px}
.jm-cards .jm-media img{aspect-ratio:3/2;object-fit:cover}
.jm-cards .jm-cat{margin-top:16px}
.jm-cards .jm-title,.jm-cards .jm-title a{font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.012em;margin-top:8px}
.jm-cards .jm-mrow{margin-top:auto!important;padding-top:12px}


/* ---------- v0.5: lebih dekat ke gaya portal berita (latar putih) ---------- */
.jm-top{background:#fff;color:var(--jm-midnight);padding-block:36px 56px}
.jm-top::before{display:none}
.jm-top a{color:inherit}
.jm-top .jm-lhead{border-color:var(--jm-midnight)}
.jm-top .jm-label{background:var(--jm-midnight)}
.jm-ov-txt .jm-meta,.jm-ov-txt .jm-meta a,.jm-ov-txt .jm-views{color:#d5def0}
.jm-ov-txt .jm-cat,.jm-ov-txt .jm-cat a{color:var(--jm-cyan)}
.jm-top .jm-ov-txt a{color:#fff}
.jm-tabs{border:1px solid var(--jm-line);border-bottom:1px solid var(--jm-line);margin:0 0 6px}
.jm-tabs button{color:var(--jm-gray);padding:13px 8px;margin:0;border-bottom:2px solid transparent;background:#fff}
.jm-tabs button:hover{color:var(--jm-blue)}
.jm-tabs button.is-on{color:var(--jm-blue);border-bottom-color:var(--jm-blue)}
.jm-list>li{border-bottom:1px solid var(--jm-line)}
.jm-lrow{grid-template-columns:112px 1fr}
.jm-lthumb img{aspect-ratio:3/2!important;height:auto!important}
.jm-ltxt .jm-mrow{flex-wrap:nowrap;gap:12px}
.jm-ltxt .jm-title,.jm-ltxt .jm-title a{color:var(--jm-midnight);font-size:15px}
.jm-ltxt .jm-title a:hover{color:var(--jm-blue)}
.jm-cards .wp-block-post-template{gap:48px 32px}
.jm-cards .jm-media img{aspect-ratio:16/10}
.jm-cards .jm-cat{margin-top:14px}
.jm-cards .jm-cat a{display:inline-block;background:var(--jm-blue);color:#fff;padding:4px 9px;border-radius:2px;margin-right:4px}
.jm-cards .jm-title,.jm-cards .jm-title a{font-size:24px;margin-top:10px}
.jm-date{font-family:var(--wp--preset--font-family--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--jm-gray);white-space:nowrap}
@media (max-width:781px){.jm-date{display:none}}

@media (min-width:1001px){
  .jm-top-grid{align-items:stretch}
  .jm-top-main{display:flex;flex-direction:column}
  .jm-top-main>.jm-ovq{flex:1;display:flex}
  .jm-top-main .jm-ov-list{flex:1;grid-auto-rows:1fr}
  .jm-top-main .jm-ov-list>li{min-height:440px}
  .jm-top-main .jm-ov-img{position:absolute;inset:0}
  .jm-top-main .jm-ov-img img{height:100%;aspect-ratio:auto!important}
}


/* ---------- v0.6: tipografi mendekati bugismakassar.info (Encode Sans Condensed + Oxygen) ---------- */
body{font-size:16px;line-height:1.6}
h1,h2,h3,h4,.wp-block-post-title,.jm-title,.jm-title a,.jm-label,.jm-article-title,.jm-rel-h,.jm-ov-txt .jm-title a,.jm-ltxt .jm-title a,.jm-cards .jm-title a{letter-spacing:0!important}
.wp-block-post-title,.jm-title,.jm-title a,.jm-ltxt .jm-title,.jm-ltxt .jm-title a,.jm-cards .jm-title,.jm-cards .jm-title a,.jm-ov-txt .jm-title,.jm-ov-txt .jm-title a{font-family:var(--wp--preset--font-family--display);font-weight:700}
.jm-meta,.jm-meta a,.jm-views,.jm-date,.jm-time{text-transform:none;letter-spacing:0;font-size:13px;font-weight:400}
.jm-cat,.jm-cat a{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.04em}
.jm-label,.jm-tabs button,.jm-live{letter-spacing:.06em;font-weight:700}
.jm-ticker-q .wp-block-post-title a{font-family:var(--wp--preset--font-family--body);font-weight:400}
.jm-ov-txt .jm-title,.jm-ov-txt .jm-title a{font-size:clamp(22px,2vw,28px);line-height:1.2}
.jm-ltxt .jm-title,.jm-ltxt .jm-title a{font-size:16px;line-height:1.3}
.jm-cards .jm-title,.jm-cards .jm-title a{font-size:26px;line-height:1.2}
.jm-article-title{font-size:clamp(34px,4.2vw,56px);font-weight:700;line-height:1.1;max-width:24ch}
.jm-article-stand{font-size:clamp(18px,1.5vw,20px)}
.jm-body .wp-block-post-content{font-family:var(--wp--preset--font-family--body);font-size:19px;line-height:1.75;color:#111}
.jm-body .wp-block-post-content>*{margin-block-end:1.35em}
.jm-body .wp-block-post-content a{color:var(--jm-blue);font-weight:700}
.jm-body .wp-block-post-content h2,.jm-body .wp-block-post-content h3{font-family:var(--wp--preset--font-family--display);font-weight:700;letter-spacing:0}
.jm-body .wp-block-quote,.jm-body .wp-block-pullquote{border-left:4px solid var(--jm-blue);padding:2px 0 2px 22px;margin-block:1.8em}
.jm-body .wp-block-quote p,.jm-body .wp-block-pullquote p{font-family:var(--wp--preset--font-family--body);font-weight:400;font-size:21px;line-height:1.55;letter-spacing:0;color:#111}
.jm-body figcaption,.jm-credit,.jm-body .wp-block-quote cite{font-family:var(--wp--preset--font-family--body);text-transform:none;letter-spacing:0;font-size:13px}
.jm-top-btn{position:fixed;right:20px;bottom:20px;z-index:50;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:4px;background:var(--jm-blue);color:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(16,24,39,.25);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s}
.jm-top-btn.is-on{opacity:1;pointer-events:auto;transform:none}
.jm-top-btn:hover{background:var(--jm-midnight)}


/* ---------- footer terpusat (v0.7) ---------- */
.jm-footer{padding-block:56px 36px}
.jm-fcenter{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
.jm-fcenter>*{margin:0!important}
.jm-footer .jm-brand{font-size:30px;letter-spacing:0;text-transform:uppercase}
.jm-footer .wp-block-site-logo img{max-height:110px;width:auto}
.jm-fnote{max-width:46ch;font-size:14px;line-height:1.6;color:var(--jm-gray-d)}
.jm-fnav .wp-block-navigation__container{justify-content:center;gap:12px 26px;flex-wrap:wrap}
.jm-fnav .wp-block-navigation-item a{font-family:var(--wp--preset--font-family--body);font-size:16px;color:#e6edf8;padding:2px 0}
.jm-footer .jm-social{gap:18px;justify-content:center}
.jm-footer .jm-social .wp-social-link{background:none!important;color:#cdd8ec}
.jm-footer .jm-social .wp-social-link a{padding:0;color:inherit}
.jm-footer .jm-social .wp-social-link:hover{color:var(--jm-cyan)}
.jm-footer .jm-social svg{width:22px;height:22px}
.jm-fcopy{font-size:12px;color:var(--jm-gray-d);padding-top:22px;border-top:1px solid var(--jm-line-d);width:100%;max-width:640px}


/* ---------- v0.8: mendekati bugismakassar.info (aksen merah, menu inline, footer hitam) ---------- */
:root{--jm-blue:#BF110B;--jm-link:#F84643;--jm-body-gray:#67737E}
body{color:#222}
/* ticker */
.jm-ticker{background:#C8101A}
.jm-live{background:transparent;padding:0;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}
.jm-live::before{width:14px;height:14px;background:transparent;border:2px solid #fff;box-shadow:inset 0 0 0 3px #C8101A,inset 0 0 0 10px #fff;border-radius:50%;order:2}
.jm-live{flex-direction:row}
/* header */
.jm-nav{border-bottom:1px solid var(--jm-line)}
.jm-nav-in{min-height:92px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.jm-brand{letter-spacing:0;font-size:30px;color:#111}
.jm-mainnav .wp-block-navigation__container{gap:6px 18px;flex-wrap:nowrap}
.jm-mainnav .wp-block-navigation-item a{font-family:var(--wp--preset--font-family--body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0;color:var(--jm-blue);padding:6px 0;border-bottom:2px solid transparent}
.jm-mainnav .wp-block-navigation-item a:hover,.jm-mainnav .current-menu-item a{border-bottom-color:var(--jm-blue)}
.jm-mainnav .wp-block-navigation-item:nth-child(n+7){display:none}
.jm-nav .wp-block-search__button{background:none!important;border:0!important;color:#222!important;width:40px;height:40px}
.jm-nav .wp-block-search__button svg{fill:currentColor;width:22px;height:22px}
.jm-kanal{display:none}
.jm-date{display:none}
/* label seksi */
.jm-top .jm-label{background:var(--jm-blue)}
.jm-top .jm-lhead{border-color:var(--jm-blue)}
.jm-viewall{margin:0 4px 6px 0;font-size:13px}
.jm-viewall a{color:var(--jm-body-gray);text-decoration:none}
.jm-viewall a:hover{color:var(--jm-blue)}
.jm-label{border-radius:0}
.jm-sec .jm-label,.jm-terkini .jm-label{background:#111}
.jm-sec .jm-lhead,.jm-terkini .jm-lhead{border-color:#111}
/* kartu atas: tanpa kategori, judul putih */
.jm-ov-txt .jm-cat{display:none}
/* daftar tab */
.jm-views svg{color:var(--jm-blue);opacity:1}
.jm-views,.jm-meta,.jm-meta a,.jm-date{color:var(--jm-body-gray)}
.jm-ltxt .jm-title,.jm-ltxt .jm-title a{font-size:15px;color:#111}
.jm-ltxt .jm-title a:hover,.jm-cards .jm-title a:hover{color:var(--jm-blue)}
.jm-tabs button.is-on{color:var(--jm-blue);border-bottom-color:var(--jm-blue)}
/* kartu Berita Terkini: chip kategori di atas foto */
.jm-cards .wp-block-post{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.jm-cards .wp-block-post>.jm-media{grid-area:1/1}
.jm-cards .wp-block-post>.jm-cat{grid-area:1/1;align-self:end;justify-self:start;margin:0 0 12px 12px!important;z-index:2;display:flex;flex-wrap:wrap;gap:6px}
.jm-cards .jm-cat a{background:var(--jm-blue);color:#fff;border-radius:3px;margin:0;padding:3px 8px;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0}
.jm-cards .jm-cat .wp-block-post-terms__separator{display:none}
.jm-cards .wp-block-post>.jm-title{grid-area:2/1}
.jm-cards .wp-block-post>.jm-mrow{grid-area:3/1}
.jm-cards .jm-title,.jm-cards .jm-title a{color:#111;font-size:22px;margin-top:12px}
/* artikel: tombol bagikan bulat berwarna */
.jm-share-b{width:42px;height:42px;border-radius:50%;border:1.5px solid #222;background:#fff;color:#222}
.jm-share-b:nth-of-type(1){border-color:#3b5998;color:#3b5998}
.jm-share-b:nth-of-type(2){border-color:#25D366;color:#25D366}
.jm-share-b:nth-of-type(3){border-color:#229ED9;color:#229ED9}
.jm-share-b:hover{background:#f6f6f6;border-color:inherit;color:inherit}
.jm-share-b.is-ok{background:var(--jm-blue);border-color:var(--jm-blue);color:#fff}
.jm-body .wp-block-post-content a{color:#0a7c1f}
.jm-body .wp-block-quote,.jm-body .wp-block-pullquote{border-left-color:var(--jm-blue)}
/* footer hitam */
.jm-footer{background:#050505}
.jm-footer a{color:#e8e8e8}
.jm-footer a:hover{color:var(--jm-link)}
.jm-fnote,.jm-fcopy{color:#9b9b9b}
.jm-fcopy{border-top-color:#222;font-size:11px}
.jm-top-btn{background:#C8101A}
.jm-top-btn:hover{background:#111}
/* sorotan, khusus, opini: aksen */
.jm-idx,.jm-cat,.jm-cat a{color:var(--jm-blue)}
.jm-dark .jm-cat,.jm-dark .jm-cat a{color:#ff8a87}
@media (max-width:781px){
  .jm-nav-in{min-height:64px}
  .jm-mainnav .wp-block-navigation__responsive-container-open{display:flex!important;width:40px;height:40px;border:0;color:#222}
  .jm-mainnav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
  .jm-brand{font-size:24px}
  .jm-cards .wp-block-post>.jm-cat{margin:0 0 8px 8px!important}
  .jm-cards .jm-cat a{font-size:10px;padding:2px 6px}
  .jm-cards .jm-title,.jm-cards .jm-title a{font-size:17px!important;margin-top:8px}
}
@media (min-width:782px){
  .jm-mainnav .wp-block-navigation__responsive-container-open{display:none}
}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .jm-top-grid{grid-template-columns:1fr;gap:40px}
  .jm-split,.jm-sp-head,.jm-fgrid{grid-template-columns:1fr;gap:40px}
  .jm-split-l{position:static}
  .wp-block-post-template.jm-mosaic{grid-template-columns:1fr 1fr}
  .wp-block-post-template.jm-mosaic{grid-template-rows:none;align-items:stretch}
  .jm-mosaic>li:nth-child(n){grid-row:auto!important;border-top:0!important;padding-top:0!important}
  .jm-mosaic>li:nth-child(1){grid-column:1/-1;grid-row:auto}
  .jm-mosaic>li:nth-child(2),.jm-mosaic>li:nth-child(3){grid-column:span 1;display:block}
  .jm-mosaic>li:nth-child(n+4){grid-column:span 1}
  .jm-chaps .wp-block-post:nth-child(even){margin-top:0}
}
@media (max-width:781px){
  /* artikel di ponsel */
  .jm-article-h{padding-top:24px}
  .jm-article-title{font-size:30px!important;line-height:1.15;max-width:none;margin:12px 0 14px}
  .jm-article-stand{font-size:16px;line-height:1.55;margin:0}
  .jm-byline{margin-top:20px;padding-block:12px;gap:6px 14px;justify-content:flex-start}
  .jm-byline .jm-views{margin-left:auto}
  .wp-block-post-featured-image.jm-media{margin-top:20px!important}
  .wp-block-post-featured-image.jm-media img{aspect-ratio:16/10!important}
  .jm-body{padding-block:24px 48px}
  .jm-body .wp-block-post-content>p{margin-block:0 1.1em}
  /* beranda ala portal berita */
  .jm-ticker-in{height:34px}
  .jm-top{padding-block:24px 40px}
  .jm-lhead{margin-bottom:18px!important}
  .jm-ov-list{grid-template-columns:1fr!important;gap:14px!important}
  .jm-ov-img img{aspect-ratio:4/5!important}
  .jm-ov-list>li:nth-child(2) .jm-ov-img img{aspect-ratio:16/10!important}
  .jm-ov-txt{padding:80px 16px 16px}
  .jm-ov-txt .jm-title,.jm-ov-txt .jm-title a{font-size:23px!important}
  .jm-lrow{grid-template-columns:104px 1fr;gap:14px}
  .jm-cards .wp-block-post-template{grid-template-columns:1fr 1fr!important;gap:30px 14px}
  .jm-cards .jm-title,.jm-cards .jm-title a{font-size:17px!important;margin-top:8px}
  .jm-cards .jm-media img{aspect-ratio:3/2}
  .jm-cards .jm-cat a{padding:3px 7px;font-size:10px}
  .jm-cards .jm-cat{margin-top:12px}
  .jm-feed-row{grid-template-columns:auto auto 1fr 92px!important}
  .jm-feed-row .jm-views{grid-column:3;grid-row:1}
  .jm-feed-row .jm-title{grid-column:1/4!important;grid-row:2}
  .jm-fthumb{grid-column:4!important}
  .jm-support .jm-views{grid-column:1}
  .jm-byline{gap:10px 16px}
  .jm-share{margin-top:32px;gap:8px}
  .jm-share-l{margin-right:2px}
  .jm-share-b{width:38px;height:38px}
  .jm-rel{padding-block:44px 52px}
  .jm-rel-h{font-size:22px}
  .jm-related .wp-block-post-template{grid-template-columns:1fr 1fr!important;gap:28px 16px}
  .jm-related .jm-title,.jm-related .jm-title a{font-size:15px}
  .jm-chaps .jm-media img{aspect-ratio:4/3!important}
  .jm-mosaic>li:nth-child(n+4) .jm-media img{aspect-ratio:16/10!important}
  .jm-nav{border-bottom:1px solid var(--jm-line)}
  .jm-nav-in{min-height:60px;padding-inline:0}
  .jm-nav .wp-block-navigation__responsive-container-open,.jm-nav .wp-block-search__button{width:40px;height:40px;padding:0;border:1px solid var(--jm-line)!important;border-radius:8px;background:#fff!important;color:var(--jm-midnight)!important;display:inline-flex;align-items:center;justify-content:center}
  .jm-nav .wp-block-search__button svg{width:20px;height:20px;fill:currentColor}
  .jm-hero-img img{aspect-ratio:4/5!important;min-height:0}
  .jm-hero-cols>.wp-block-column:nth-child(1){padding:0 20px 28px}
  .jm-hero-meta{gap:10px}
  .jm-h1,.jm-h1 a{font-size:28px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
  .jm-kanal{display:none}
  .jm-brand{font-size:19px}
  .jm-nav .wp-block-site-logo img{max-height:40px}
  /* mobile: berita utama gambar penuh dengan judul di atas foto */
  .jm-hero{padding-top:0}
  .jm-hero>.alignwide{padding-inline:0!important;max-width:none!important}
  .jm-hero-cols{position:relative;gap:0;margin-inline:calc(50% - 50vw);width:100vw;display:block}
  .jm-hero-cols>.wp-block-column:nth-child(2){flex-basis:auto!important}
  .jm-hero-img{box-shadow:none;margin:0}
  .jm-hero-img img{aspect-ratio:4/5!important}
  .jm-hero-img::after{background:linear-gradient(180deg,transparent 35%,rgba(16,24,39,.92))}
  .jm-hero-cols>.wp-block-column:nth-child(1){position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 20px 26px;flex-basis:auto!important}
  .jm-hero-cols .jm-stand,.jm-hero-cols .jm-lnk{display:none}
  .jm-hero-meta{margin-bottom:10px}
  .jm-support{margin:0 -0px;border-top:0;padding:8px 20px 28px;margin-inline:calc(50% - 50vw);width:100vw}
  .jm-support .wp-block-post{display:grid;grid-template-columns:1fr 96px;column-gap:16px;align-items:start;padding:18px 0}
  .jm-support .wp-block-post::before{display:none}
  .jm-support .jm-sthumb{display:block;grid-column:2;grid-row:1/span 3}
  .jm-support .jm-sthumb img{aspect-ratio:1/1;object-fit:cover}
  .jm-support .wp-block-post>*:not(.jm-sthumb){grid-column:1;margin-block:0}
  .jm-support .wp-block-post-title,.jm-support .wp-block-post-title a{font-size:17px;margin:6px 0 8px}
  .jm-support .wp-block-post,.jm-support .wp-block-post+.wp-block-post{padding:22px 0;border-left:0;border-bottom:1px solid var(--jm-line-d)}
  .jm-sec{padding-block:56px}
  .jm-special{padding-block:64px}
  .jm-sec-h h2,.jm-split-l h2{font-size:30px}
  .jm-split{gap:8px}
  .jm-split-l .jm-sub{display:none}
  .jm-split-l h2{font-size:26px}
  .jm-feed-row{grid-template-columns:auto 1fr 92px;grid-template-rows:auto 1fr;align-items:start;gap:8px 12px;padding:16px 0}
  .jm-fthumb{display:block;grid-column:3;grid-row:1/span 2}
  .jm-fthumb img{aspect-ratio:1/1;object-fit:cover}
  .jm-feed-row .jm-time{grid-column:1;grid-row:1;font-size:12px}
  .jm-feed-row .jm-cat{grid-column:2;grid-row:1}
  .jm-feed-row .jm-title{grid-column:1/3;grid-row:2}
  .jm-feed-row .jm-title,.jm-feed-row .jm-title a{font-size:17px;line-height:1.3}
  .jm-feed-row:hover{padding-left:0}
  .wp-block-post-template.jm-mosaic{grid-template-columns:1fr}
  .jm-mosaic>li:nth-child(n){grid-column:1/-1}
  .jm-chaps{margin-top:48px}
  .jm-body .wp-block-post-content{font-size:18px}
  .jm-body .wp-block-quote p{font-size:19px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* sembunyikan penghitung bawaan plugin (sudah ada ikon mata) */
.post-views.entry-meta,.post-views{display:none!important}

/* ---------- v0.9: halaman artikel mengikuti Bugis (fokus mobile) ---------- */
.jm-chips{gap:6px!important;margin:0 0 12px}
.jm-chips .wp-block-post-terms{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.jm-chips .wp-block-post-terms a{display:inline-block;padding:2px 8px;border-radius:3px;font-size:13px;font-weight:400;line-height:1.5;text-transform:none;letter-spacing:0;text-decoration:none;color:#fff!important}
.jm-chip-c a{background:var(--jm-blue)}
.jm-chip-t a{background:#333}
.jm-chips .wp-block-post-terms__separator{display:none}
.jm-article-title{font-size:28px;line-height:1.2;font-weight:700;color:#292929;max-width:none;margin:0 0 14px;text-wrap:pretty}
.jm-article-stand{display:none}
.jm-byline{margin:0;padding:0;border:0;gap:6px 8px;flex-wrap:nowrap;align-items:center;justify-content:flex-start;font-size:13px;color:var(--jm-body-gray)}
.jm-byline>*{margin:0!important}
.jm-byline .jm-av img{width:28px;height:28px;border-radius:50%;display:block}
.jm-byline .jm-by{font-size:13px;color:var(--jm-body-gray);white-space:nowrap}
.jm-byline .jm-by-n{color:#111;font-weight:700}
.jm-byline .jm-views{margin-left:0;font-size:13px}
.jm-byline .jm-by-d{margin-left:0;padding-left:8px;border-left:1px solid var(--jm-line);white-space:nowrap}
.jm-art-img{margin-top:16px!important}
.jm-art-img img{aspect-ratio:auto!important;height:auto!important;width:100%;display:block}
.jm-body{padding-block:20px 40px}
.jm-body .wp-block-post-content{font-size:15px;line-height:1.7;color:#000}
.jm-body .wp-block-post-content>*{margin-block-end:1.4em}
.jm-body .wp-block-quote{border-left:3px solid var(--jm-blue);padding:2px 0 2px 16px}
.jm-body .wp-block-quote p{font-size:16px;line-height:1.6;color:#444}
.jm-body figcaption,.jm-credit{font-size:12px;color:var(--jm-body-gray)}
.jm-share{margin-top:28px;padding-top:0;border-top:0;gap:8px;flex-wrap:nowrap}
.jm-share-l{display:inline-flex;align-items:center;gap:6px;font-family:var(--wp--preset--font-family--body);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:#555;margin-right:4px}
.jm-share-l svg{width:16px;height:16px}
.jm-share-b{width:40px;height:40px;flex:0 0 auto}
.jm-tags{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:#777}
.jm-tags::before{content:"Tag:";margin-right:4px}
.jm-tags a{height:auto;padding:3px 10px;border:0;border-radius:3px;background:#f0f0f0;color:#333;font-size:13px;margin:0}
.jm-rel{background:#fff;border-top:0;padding-block:8px 40px}
.jm-rel-h{font-size:20px;margin:0 0 18px;padding-bottom:8px;border-bottom:2px solid var(--jm-blue)}
@media (min-width:782px){
  .jm-article-title{font-size:38px;line-height:1.18;max-width:26ch}
  .jm-body .wp-block-post-content{font-size:17px;line-height:1.75}
}
@media (max-width:781px){
  .jm-article-h{padding-top:16px}
  .jm-article-title{font-size:28px!important;line-height:1.2;margin:0 0 12px}
  .jm-byline{gap:5px 6px}
  .jm-byline .jm-by-d{padding-left:6px}
  .jm-body .wp-block-post-content{font-size:15px!important}
  .jm-body .wp-block-quote p{font-size:16px!important}
  .jm-share-b{width:40px;height:40px}
  .jm-rel{padding-block:4px 36px}
  .jm-rel-h{font-size:19px}
}

/* v0.9.1 perapihan */
.jm-art-img,.jm-art-img figure{margin-bottom:0!important}
.jm-body{padding-block-start:6px!important}
.jm-body .wp-block-post-content{margin-top:0!important}
.jm-related .wp-block-post{height:100%}
.jm-related .wp-block-post>.jm-title{flex:1 1 auto;margin-bottom:8px}

/* ---------- v0.9.2: beranda mobile mengikuti Bugis (kartu satu kolom) ---------- */
@media (max-width:781px){
  .wp-block-post-featured-image.jm-media.jm-art-img img{aspect-ratio:auto!important;height:auto!important}
  /* dua kartu atas: tinggi mendekati persegi, judul selebar kartu */
  .wp-block-post-featured-image.jm-media.jm-ov-img img{aspect-ratio:10/9!important;height:auto!important}
  .jm-ov-list>li:nth-child(2) .jm-ov-img img{aspect-ratio:10/9!important}
  .jm-ov-txt{padding:90px 16px 16px;gap:6px}
  .jm-ov-txt .jm-title,.jm-ov-txt .jm-title a{font-size:21px!important;line-height:1.25;text-wrap:wrap!important}
  /* daftar tab: foto lebih besar */
  .jm-lrow{grid-template-columns:36% 1fr!important;gap:14px;padding:12px 0}
  .jm-lthumb img{aspect-ratio:3/2!important}
  .jm-ltxt{gap:6px}
  .jm-ltxt .jm-title,.jm-ltxt .jm-title a{font-size:14px!important;line-height:1.35}
  .jm-ltxt .jm-meta,.jm-ltxt .jm-views{font-size:13px}
  /* Berita Terkini: satu kolom, foto besar, chip di atas foto */
  .jm-cards .wp-block-post-template{grid-template-columns:minmax(0,1fr)!important;gap:26px 0!important}
  .jm-cards .jm-media img{aspect-ratio:5/4!important}
  .jm-cards .wp-block-post>.jm-cat{margin:0 0 10px 10px!important}
  .jm-cards .jm-cat a{font-size:12px!important;padding:2px 8px!important}
  .jm-cards .jm-title,.jm-cards .jm-title a{font-size:19px!important;line-height:1.3;margin-top:12px!important}
  .jm-cards .jm-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .jm-cards .jm-mrow{padding-top:6px}
}

/* ---------- v0.9.3: bagian bawah beranda seperti Bugis (daftar bernomor + Daftar Kategori) ---------- */
.jm-sec .jm-lhead-g .jm-label{background:#3C7C15}
.jm-sec .jm-lhead-g{border-color:#3C7C15}
.jm-sec .jm-lhead-r .jm-label{background:var(--jm-blue)}
.jm-sec .jm-lhead-r{border-color:var(--jm-blue)}
.jm-list-rank{counter-reset:rk;list-style:none;padding:0;margin:0}
.jm-list-rank>li{counter-increment:rk}
.jm-list-rank .jm-lrow{position:relative;border-bottom:1px solid var(--jm-line)}
.jm-list-rank .jm-lrow::before{content:counter(rk);position:absolute;z-index:3;top:20px;left:8px;width:25px;height:25px;border-radius:50%;background:#3C7C15;color:#fff;font:700 13px/25px var(--wp--preset--font-family--body);text-align:center}
.jm-catlist{list-style:none;margin:0;padding:0;font-size:15px}
.jm-catlist li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--jm-line);color:var(--jm-body-gray)}
.jm-catlist li a{color:#222;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.jm-catlist li a::before{content:"\203A";color:#555;font-size:18px;line-height:1}
.jm-catlist li a:hover{color:var(--jm-blue)}
@media (min-width:782px){
  .jm-rank-sec .jm-list-rank{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
  .jm-catlist{columns:2;column-gap:48px}
  .jm-catlist li{break-inside:avoid}
}
.jm-rank-sec,.jm-catsec{padding-block:28px 12px}
.jm-sec.jm-catsec{padding-bottom:36px}

/* ---------- v0.9.5: byline artikel dirapikan ---------- */
.jm-byline{align-items:center!important;gap:6px 8px!important}
.jm-byline>*{line-height:1!important;margin:0!important}
.jm-byline .jm-by{display:flex;align-items:center}
.jm-byline .jm-by:not(.jm-by-n){margin-right:-4px!important}
.jm-byline>p:not(.jm-by){display:flex;align-items:center}
.jm-byline .jm-views{display:inline-flex;align-items:center;gap:5px;line-height:1;font-size:13px}
.jm-byline .jm-views svg{display:block;width:15px;height:15px;flex:none}
.jm-byline>p:not(.jm-by)::before,.jm-byline .jm-by-d::before{content:"";display:block;flex:none;width:1px;height:14px;background:#cfd6dd;margin-right:8px}
.jm-byline .jm-by-d{border-left:0!important;padding-left:0!important;display:flex;align-items:center}

/* v0.9.6: ikon mata mentok kanan di byline */
.jm-byline{flex-wrap:nowrap!important}
.jm-byline>p:not(.jm-by){order:3;margin-left:auto!important}
.jm-byline>p:not(.jm-by)::before{display:none!important}
.jm-byline .jm-by-d{order:2}

/* ---------- v0.9.7: menu mobile berbentuk panel di bawah header (seperti Bugis) ---------- */
@media (max-width:781px){
  .jm-nav{position:relative}
  .jm-mainnav .wp-block-navigation__responsive-container.is-menu-open{
    position:absolute!important;inset:auto!important;top:100%!important;left:-16px!important;right:-16px!important;
    width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;
    padding:4px 18px 8px!important;background:#fff!important;color:#222!important;
    box-shadow:0 14px 26px rgba(0,0,0,.16);border-top:1px solid var(--jm-line);z-index:60}
  .jm-mainnav .is-menu-open .wp-block-navigation__responsive-dialog,
  .jm-mainnav .is-menu-open .wp-block-navigation__responsive-container-content{padding:0!important;margin:0!important;width:100%;max-width:none}
  .jm-mainnav .is-menu-open .wp-block-navigation__responsive-container-close{display:none!important}
  .jm-mainnav .is-menu-open .wp-block-navigation__container{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;padding:0!important}
  .jm-mainnav .is-menu-open .wp-block-navigation-item{display:flex!important;width:100%;border-bottom:1px solid #ececec}
  .jm-mainnav .is-menu-open .wp-block-navigation-item:last-child{border-bottom:0}
  .jm-mainnav .is-menu-open .wp-block-navigation-item a{display:block;width:100%;padding:13px 0;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--jm-blue)!important;border-bottom:0;outline:0}
  .jm-mainnav .is-menu-open .wp-block-navigation-item a:hover{color:#111!important}
  /* hamburger menjadi X saat terbuka */
  .jm-mainnav:has(.is-menu-open) .wp-block-navigation__responsive-container-open svg{display:none}
  .jm-mainnav:has(.is-menu-open) .wp-block-navigation__responsive-container-open::before{content:"\2715";font-size:18px;line-height:1;color:#222}
}

/* v0.9.8: panel menu mengacu ke bar header, bukan ke tombol */
@media (max-width:781px){
  .jm-mainnav.wp-block-navigation{position:static!important}
  .jm-mainnav .wp-block-navigation__responsive-container.is-menu-open{left:0!important;right:0!important}
}

/* v0.9.9: rapikan isi panel menu mobile */
@media (max-width:781px){
  .jm-mainnav .is-menu-open .wp-block-navigation__responsive-container-content{display:block!important;width:100%!important}
  .jm-mainnav .is-menu-open .wp-block-navigation__container{width:100%!important;align-self:stretch}
  .jm-mainnav .is-menu-open .wp-block-navigation-item,
  .jm-mainnav .is-menu-open .wp-block-navigation-item a,
  .jm-mainnav .is-menu-open .wp-block-navigation-item__content{font-family:var(--wp--preset--font-family--body)!important;font-size:13px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:0!important}
}

/* ---------- v1.0.0: logo Jeneberang ---------- */
.jm-nav .wp-block-site-logo img{max-height:60px;width:auto;height:auto;display:block}
.jm-nav .wp-block-site-logo a{display:flex;align-items:center}
.jm-flogo{margin:0}
.jm-flogo img{display:block;width:300px;max-width:78vw;height:auto;margin-inline:auto}
@media (max-width:781px){
  .jm-nav .wp-block-site-logo img{max-height:38px}
  .jm-flogo img{width:240px}
}

/* v1.0.1: ukuran logo header */
.jm-nav .wp-block-site-logo img{width:auto!important;height:66px!important;max-height:none!important}
@media (max-width:781px){
  .jm-nav .wp-block-site-logo img{height:40px!important}
}

/* v1.0.2: logo 3D, rapat dan simetris */
.jm-nav-c{display:flex;align-items:center;justify-content:center}
.jm-nav .wp-block-site-logo{margin:0;line-height:0;display:flex;justify-content:center}
.jm-nav .wp-block-site-logo img{height:60px!important}
.jm-flogo img{width:320px}
@media (max-width:781px){
  .jm-nav .wp-block-site-logo img{height:38px!important}
  .jm-flogo img{width:260px}
}

/* v1.0.3 */
.jm-flogo img{width:320px!important;max-width:80vw!important;height:auto!important}
@media (max-width:781px){
  .jm-nav .wp-block-site-logo img{height:46px!important}
  .jm-flogo img{width:250px!important}
}

/* v1.0.5: logo besar seperti Bugis */
.jm-nav .wp-block-site-logo img{height:72px!important}
.jm-nav{min-height:84px}
@media (max-width:781px){
  .jm-nav .wp-block-site-logo img{height:58px!important}
  .jm-nav{min-height:74px}
}