/* ===== PBN Public News Site — Template "detik" (aksen merah, override via --accent) ===== */
:root{ --accent:#c0392b; --ink:#1a1a1a; --soft:#6b7280; --line:#e6e6e6; --bg:#f4f5f7; --maxw:1100px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;font-size:15px}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}
.muted{color:var(--soft)}

/* Topbar */
.ps-top{background:var(--accent);color:#fff;font-size:12px}
.ps-top .wrap{display:flex;align-items:center;justify-content:space-between;height:32px}
.ps-top a{color:#fff;opacity:.92;margin-left:14px}

/* Header */
.ps-head{background:#fff;border-bottom:1px solid var(--line)}
.ps-head .wrap{display:flex;align-items:center;gap:18px;padding:14px 16px}
.ps-logo{font-family:Nunito,"Segoe UI",sans-serif;font-weight:900;font-size:26px;letter-spacing:-.5px;color:var(--ink)}
.ps-logo b{color:var(--accent)}
.ps-logo img{height:40px;width:auto}
.ps-head .spacer{flex:1}
.ps-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fafafa}
.ps-search input{border:0;background:transparent;padding:8px 12px;outline:none;font-size:13px;width:180px}
.ps-search button{border:0;background:transparent;padding:8px 12px;cursor:pointer;color:var(--soft)}
.ps-login{background:var(--accent);color:#fff;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;white-space:nowrap}
.ps-login.soon{background:#eee;color:#999;cursor:not-allowed}

/* Nav */
.ps-nav{background:var(--ink)}
.ps-nav .wrap{display:flex;gap:2px;overflow-x:auto}
.ps-nav a{color:#fff;padding:11px 14px;font-size:13.5px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.ps-nav a:hover,.ps-nav a.on{color:#fff;background:rgba(255,255,255,.08);border-bottom-color:var(--accent)}

/* Breaking ticker */
.ps-break{background:#fff;border-bottom:1px solid var(--line)}
.ps-break .wrap{display:flex;align-items:center;gap:12px;height:40px}
.ps-break .lbl{background:var(--accent);color:#fff;font-weight:800;font-size:11px;letter-spacing:.5px;padding:4px 9px;border-radius:3px;white-space:nowrap;text-transform:uppercase;flex:none;z-index:2}
.ps-break-vp{flex:1;overflow:hidden}
.ps-break .track{display:inline-flex;gap:26px;white-space:nowrap;animation:ps-marquee 30s linear infinite;will-change:transform}
.ps-break .track a{font-size:13.5px;font-weight:600}
.ps-break .track a::before{content:"•";color:var(--accent);margin-right:8px}
@keyframes ps-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Layout grid */
.ps-main{padding:22px 0}
.ps-grid{display:grid;grid-template-columns:1fr 320px;gap:28px}
@media(max-width:880px){ .ps-grid{grid-template-columns:1fr} .ps-search input{width:120px} }

/* Section heading */
.ps-h{display:flex;align-items:center;gap:10px;margin:26px 0 14px;border-bottom:2px solid var(--ink);padding-bottom:8px}
.ps-h:first-child{margin-top:0}
.ps-h h2{margin:0;font-size:18px;font-weight:800}
.ps-h .bar{width:5px;height:20px;background:var(--accent);border-radius:2px}
.ps-h a.more{margin-left:auto;font-size:12px;color:var(--soft);font-weight:600}

/* Hero */
.ps-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
@media(max-width:680px){ .ps-hero{grid-template-columns:1fr} }
.ps-hero .lead{position:relative;border-radius:8px;overflow:hidden}
.ps-hero .lead img{width:100%;height:340px;object-fit:cover}
.ps-hero .lead .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.ps-hero .lead .cap h3{margin:6px 0 0;font-size:22px;font-weight:800;line-height:1.25}
.ps-side-list{display:flex;flex-direction:column;gap:12px}
.ps-mini{display:flex;gap:11px;align-items:flex-start}
.ps-mini img{width:96px;height:64px;object-fit:cover;border-radius:6px;flex:none}
.ps-mini h4{margin:0;font-size:14px;font-weight:700;line-height:1.3}
.ps-cat-tag{display:inline-block;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}

/* Lead hero (lebar kolom konten) */
.ps-lead-hero{position:relative;display:block;border-radius:8px;overflow:hidden;margin-bottom:18px}
.ps-lead-hero img{width:100%;height:420px;object-fit:cover}
.ps-lead-hero .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.ps-lead-hero .cap h2{margin:6px 0 0;font-size:26px;font-weight:800;line-height:1.22}
@media(max-width:680px){ .ps-lead-hero img{height:240px} .ps-lead-hero .cap h2{font-size:18px} }

/* Headline mini (di sidebar, sejajar sidebar) */
.ps-hl a{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px dashed var(--line)}
.ps-hl a:first-child{border-top:0;padding-top:0}
.ps-hl img{width:84px;height:58px;object-fit:cover;border-radius:6px;flex:none}
.ps-hl h4{margin:0;font-size:13px;font-weight:700;line-height:1.3}

/* Card grid */
.ps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:680px){ .ps-cards{grid-template-columns:repeat(2,1fr)} }
.ps-card img{width:100%;height:150px;object-fit:cover;border-radius:7px}
.ps-card h3{margin:8px 0 4px;font-size:15px;font-weight:700;line-height:1.3}
.ps-card .meta{font-size:11.5px;color:var(--soft)}

/* Category section: 1 lead + list */
.ps-catsec{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:8px}
@media(max-width:680px){ .ps-catsec{grid-template-columns:1fr} }
.ps-catsec .feat img{width:100%;height:200px;object-fit:cover;border-radius:7px}
.ps-catsec .feat h3{margin:8px 0 4px;font-size:17px;font-weight:800;line-height:1.3}

/* Sidebar */
.ps-side .box{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px;margin-bottom:20px}
.ps-side .box h3{margin:0 0 12px;font-size:15px;font-weight:800;border-left:4px solid var(--accent);padding-left:9px}
.ps-pop{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-top:1px dashed var(--line)}
.ps-pop:first-of-type{border-top:0}
.ps-pop .num{font-family:Nunito,sans-serif;font-weight:900;font-size:22px;color:var(--accent);line-height:1;flex:none;width:24px}
.ps-pop h4{margin:0;font-size:13.5px;font-weight:700;line-height:1.3}
.ps-tags{display:flex;flex-wrap:wrap;gap:7px}
.ps-tags a{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:5px 11px;font-size:12px;font-weight:600}
.ps-tags a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Artikel Netizen (sidebar) */
.ps-nzlist a{display:block;padding:9px 0;border-top:1px dashed var(--line)}
.ps-nzlist a:first-child{border-top:0;padding-top:0}
.ps-nzlist .t{display:block;font-size:13px;font-weight:700;line-height:1.32;margin-bottom:2px;color:var(--ink)}
.ps-nzlist a:hover .t{color:var(--accent)}

/* Terbaru (sidebar, thumb kecil) */
.ps-hl-sm img{width:66px;height:48px}
.ps-hl-sm h4{font-size:12.5px;margin:2px 0}
.ps-hl-sm a{padding:8px 0}

/* Ikuti Kami (chip sosmed) */
.ps-socrow{display:flex;flex-wrap:wrap;gap:8px}
.ps-soc{font-size:12.5px;font-weight:700;color:#fff;border-radius:8px;padding:7px 12px;text-decoration:none;line-height:1}
.ps-soc:hover{opacity:.88;color:#fff}
.ps-soc-facebook{background:#1877f2}
.ps-soc-instagram{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}
.ps-soc-x{background:#000}
.ps-soc-youtube{background:#ff0000}
.ps-soc-tiktok{background:#010101}
.ps-soc-whatsapp{background:#25d366}
[data-theme=dark] .ps-soc-x,[data-theme=dark] .ps-soc-tiktok{border:1px solid #3a3f48}
/* Footer: Ikuti Kami (sosmed) — ikon bulat saja (dipindah dari sidebar ke footer semua template) */
.ft-soc{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.ps-foot .ft-soc a{margin:0}
.ps-soc-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#fff;flex:none;transition:transform .15s ease,opacity .15s ease}
.ps-soc-ic svg{width:19px;height:19px;fill:currentColor;display:block;margin:0}
.ps-soc-ic:hover{opacity:1;color:#fff;transform:translateY(-2px)}
.ps-soc-ic.ps-soc-x,.ps-soc-ic.ps-soc-tiktok{border:1px solid rgba(255,255,255,.28)}
/* Footer sosmed: SINGLE COLOR (netral) + ikon presисi seragam — override warna brand per-platform.
   Hanya di footer (.ft-soc), chip "Ikuti Kami" di sidebar tetap berwarna. */
.ft-soc .ps-soc-ic{background:#8a93a3;border:0}
.ft-soc .ps-soc-ic svg{width:18px;height:18px}
[data-theme=dark] .ft-soc .ps-soc-ic{background:#3a3f48}
/* Top Netizen — avatar bulat (foto profil / inisial) di semua template */
.ps-nz-av{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;font-family:Nunito,sans-serif;text-transform:uppercase}
.ps-nz-av img{width:100%;height:100%;object-fit:cover}
.ps-pop.ps-nz{align-items:center;gap:11px}

/* Google News (sidebar) */
.ps-gn p{color:var(--soft)}
.ps-gn-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-size:12.5px;font-weight:700;color:#4285F4;text-decoration:none}
.ps-gn-btn:hover{border-color:#4285F4}
[data-theme=dark] .ps-gn-btn{background:#23262d;color:#8ab4f8;border-color:#3a3f48}

/* Article page */
.ps-article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:26px}
.ps-bc{font-size:12px;color:var(--soft);margin-bottom:12px}
.ps-bc a{color:var(--accent);font-weight:600}
.ps-article h1{font-size:30px;font-weight:800;line-height:1.22;margin:6px 0 12px}
.ps-amenu{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px;flex-wrap:wrap}
.ps-article figure.lead{margin:0 0 16px}
.ps-article figure.lead img{width:100%;border-radius:8px}
.ps-article figure.lead figcaption{font-size:12.5px;color:#777;line-height:1.5;margin-top:7px;padding:0 2px}
.ps-article figure.lead figcaption .cred{color:#999;font-style:italic;margin-left:5px}
[data-theme=dark] .ps-article figure.lead figcaption{color:#9aa6bd}
[data-theme=dark] .ps-article figure.lead figcaption .cred{color:#7e8aa6}
.ps-prose{font-size:17px;line-height:1.8;color:#222}
.ps-prose p{margin:0 0 16px}
.ps-prose h2,.ps-prose h3{line-height:1.3;margin:22px 0 10px}
.ps-prose img{border-radius:8px;margin:10px 0}
.ps-prose figure{margin:16px 0}
.ps-prose figcaption{font-size:12.5px;color:var(--soft);margin-top:6px}
.ps-prose iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;margin:10px 0}
.ps-share{display:flex;gap:8px;margin:20px 0}
.ps-share a{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--soft);border:1px solid var(--line)}
.ps-atags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}

/* List page */
.ps-list .row{display:flex;gap:14px;padding:14px 10px;margin:0 -10px;border-bottom:1px solid var(--line);border-radius:8px;transition:background .14s ease}
.ps-list .row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.ps-list .row img{width:160px;height:100px;object-fit:cover;border-radius:7px;flex:none}
.ps-list .row h3{margin:4px 0 6px;font-size:17px;font-weight:700;line-height:1.3}
@media(max-width:680px){ .ps-list .row img{width:120px;height:78px} }

/* Pager */
.ps-pager{display:flex;gap:6px;justify-content:center;margin:22px 0;flex-wrap:wrap}
.ps-pager a,.ps-pager span{padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:13px;font-weight:600}
.ps-pager .on{background:var(--accent);color:#fff;border-color:var(--accent)}
.ps-pager .disabled{opacity:.4}

/* Trending strip (dengan thumbnail) */
.ps-trend{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:680px){ .ps-trend{grid-template-columns:repeat(2,1fr)} }
.ps-trend a{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.ps-trend .th{position:relative;aspect-ratio:16/10;background:#eee}
.ps-trend .th img{width:100%;height:100%;object-fit:cover}
.ps-trend .n{position:absolute;top:6px;left:6px;background:var(--accent);color:#fff;width:25px;height:25px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;font-family:Nunito,sans-serif}
.ps-trend h4{margin:0;padding:9px 10px;font-size:12.5px;font-weight:700;line-height:1.3}

/* Terbaru — gaya list (ala ayobandung) */
.ps-latest .it{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.ps-latest .it:first-child{padding-top:2px}
.ps-latest .it img{width:220px;height:138px;object-fit:cover;border-radius:8px;flex:none}
.ps-latest .top{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.ps-latest .cat{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.ps-latest .tm{color:var(--soft);font-size:11.5px}
.ps-latest h3{margin:0 0 7px;font-size:20px;font-weight:800;line-height:1.25}
.ps-latest .ex{color:var(--soft);font-size:14px;line-height:1.5}
@media(max-width:680px){ .ps-latest .it img{width:120px;height:84px} .ps-latest h3{font-size:15px} .ps-latest .ex{display:none} }

/* Multimedia showcase */
.ps-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:680px){ .ps-photos{grid-template-columns:repeat(2,1fr)} }
.ps-photos a{position:relative;border-radius:8px;overflow:hidden;display:block}
.ps-photos img{width:100%;height:130px;object-fit:cover}
.ps-photos .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:12px;font-weight:600;padding:16px 9px 8px}
.ps-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
@media(max-width:680px){ .ps-videos{grid-template-columns:1fr} }
.ps-videos .v{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.ps-videos iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.ps-videos .t{padding:9px 11px;font-size:13px;font-weight:700}

/* Banner / Iklan */
.ps-ad{margin:16px 0;text-align:center}
.ps-ad-ph{border:1px dashed #c9ced6;border-radius:8px;background:#fafbfc;color:#9aa1ab;padding:20px 10px;font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}
.ps-ad-ph small{font-size:11px;font-weight:500;opacity:.85}
.ps-ad-ph.dev{border-color:var(--accent);color:var(--accent);background:#fff5f4}
.ps-ad-manual{display:block}
.ps-ad-manual img{max-width:100%;border-radius:8px;display:block;margin:0 auto}
/* Banner sample bawaan (warna PBN, sampai owner pasang banner asli) */
.ps-ad-sample{border:2px dashed #f0913a;border-radius:8px;background:linear-gradient(135deg,#fff7ee,#fdeede);color:#b96a18;padding:22px 12px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-family:Nunito,sans-serif}
.ps-ad-sample .t{font-weight:900;font-size:14px;letter-spacing:.2px}
.ps-ad-sample small{font-size:11px;font-weight:600;color:#caa06a}
.ps-head + .ps-adwrap, .ps-adwrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}

/* Footer */
.ps-foot{background:var(--ink);color:#cfcfcf;margin-top:40px;padding:42px 0 22px}
.ps-foot .cols{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:34px}
.ps-foot .ft-brand{min-width:0}
.ps-foot .logo{font-family:Nunito,sans-serif;font-weight:900;font-size:22px;color:#fff;margin-bottom:10px;line-height:1}
.ps-foot .logo img{height:38px;width:auto;display:block}
.ps-foot .logo b{color:var(--accent)}
.ps-foot .ft-desc{font-size:13px;line-height:1.6;color:#b6b9be;max-width:340px;margin:0 0 4px}
.ps-foot a{color:#cfcfcf;display:block;padding:4px 0;font-size:13px;transition:color .12s}
.ps-foot a:hover{color:#fff}
.ps-foot h4{color:#fff;font-size:12.5px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.6px;font-weight:800}
.ps-foot .ft-follow .ft-soc{margin-bottom:12px}
.ps-foot .ft-gn{display:inline-block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 13px;font-size:12.5px;font-weight:700;color:#fff;margin-top:2px}
.ps-foot .ft-gn:hover{background:rgba(255,255,255,.14);color:#fff}
.ps-foot .cr{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:12px;color:#9a9a9a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.ps-foot .cr .pw b{color:#fff;font-weight:800}
@media(max-width:860px){.ps-foot .cols{grid-template-columns:1fr 1fr;gap:28px}.ps-foot .ft-brand{grid-column:1 / -1}}
@media(max-width:480px){.ps-foot .cols{grid-template-columns:1fr;gap:24px}.ps-foot .cr{justify-content:flex-start}}

/* Live streaming banner (fase 4 — markup siap) */
.ps-live{background:#0c0c0c;color:#fff}
.ps-live .wrap{display:grid;grid-template-columns:1fr 360px;gap:18px;padding:14px 16px;align-items:center}
@media(max-width:680px){ .ps-live .wrap{grid-template-columns:1fr} }
.ps-live .banner img{width:100%;border-radius:8px}
.ps-live .player iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px}
.ps-live .lbl{display:inline-flex;align-items:center;gap:6px;background:var(--accent);font-size:11px;font-weight:800;padding:3px 9px;border-radius:3px;text-transform:uppercase;margin-bottom:6px}
.ps-live .lbl::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:ps-blink 1.2s infinite}
@keyframes ps-blink{50%{opacity:.2}}

/* Embed sosial dalam body artikel (Instagram/Threads/TikTok/X/YouTube via pbn-embeds.js) */
.pbn-embed{display:block;margin:22px auto;max-width:560px;clear:both;font-size:13px;color:#6b7280;text-align:center}
.pbn-embed[data-embed-url]{background:#f6f8fb;border:1px dashed #d7deea;border-radius:10px;padding:16px;word-break:break-all}
.pbn-embed:has(blockquote),.pbn-embed:has(iframe),.pbn-embed:has(.pbn-yt){background:none;border:0;padding:0;max-width:none}
.pbn-yt{position:relative;width:100%;max-width:720px;margin:0 auto;aspect-ratio:16/9}
.pbn-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}
.tiktok-embed,.instagram-media,.twitter-tweet,.text-post-media{margin:18px auto !important}

/* Fase 3 — detail artikel: baca-juga, kontributor, follow Google, news update */
.ps-bacajuga{border-left:4px solid var(--accent);background:rgba(0,0,0,.035);padding:12px 16px;margin:22px 0;border-radius:0 8px 8px 0}
.ps-bacajuga .lbl{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.5px}
.ps-bacajuga ul{margin:6px 0 0;padding-left:18px}
.ps-bacajuga li{margin:3px 0}
.ps-bacajuga a{font-weight:700;color:var(--ink)}
.ps-bacajuga a:hover{color:var(--accent)}
.ps-author{display:flex;align-items:center;gap:12px;background:#f7f8fa;border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin:12px 0}
.ps-author .av{width:50px;height:50px;border-radius:50%;overflow:hidden;flex:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;font-family:Nunito,sans-serif}
.ps-author .av img{width:100%;height:100%;object-fit:cover}
.ps-author b{display:block;font-size:15px;color:var(--accent)}
.ps-author .role{font-size:12.5px;color:var(--soft)}
.ps-gnews{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin:18px 0;flex-wrap:wrap}
.ps-gnews .g{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-weight:900;font-size:20px;color:#4285F4;flex:none}
.ps-follow{display:inline-flex;align-items:center;gap:8px;background:#16223a;color:#fff;border-radius:24px;padding:9px 20px;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.ps-follow:hover{color:#fff;opacity:.92}
/* "Baca selengkapnya" — cue baca pada kartu/daftar berisi ringkasan */
.ps-readmore{display:inline-flex;align-items:center;gap:4px;margin-top:7px;color:var(--accent);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
a:hover .ps-readmore,.row:hover .ps-readmore{text-decoration:underline}
.ps-nu{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-items:flex-start}
.ps-nu img{width:120px;height:80px;object-fit:cover;border-radius:8px;flex:none;background:#eee}
.ps-nu .nu-meta{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--soft);margin-bottom:4px}
.ps-nu .nu-meta .cat{color:var(--accent)}
.ps-nu h3{margin:0;font-size:17px;line-height:1.3;font-weight:800;color:var(--ink)}
.ps-nu:hover h3{color:var(--accent)}
@media(max-width:520px){.ps-nu img{width:96px;height:66px}.ps-nu h3{font-size:15px}}
.ps-loadmore{display:block;margin:22px auto 6px;background:var(--accent);color:#fff;border:0;border-radius:24px;padding:12px 34px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .15s ease,filter .15s ease;box-shadow:0 4px 14px rgba(0,0,0,.10)}
.ps-loadmore:hover{filter:brightness(1.06);transform:translateY(-1px);color:#fff}
.ps-loadmore:disabled{opacity:.6;cursor:default}

/* Fase 4 — rating bintang + komentar */
.ps-rating{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:18px 0}
.ps-rating .lead b{display:block;font-size:16px}
.ps-rating .lead .sub{font-size:12.5px;color:var(--soft)}
.ps-rating .ps-stars{display:flex;gap:4px;margin-left:auto}
.ps-stars .star{background:none;border:0;font-size:30px;line-height:1;color:#dcdfe5;cursor:pointer;padding:0;transition:color .1s}
.ps-stars .star.on{color:#f5b301}
.ps-rating .avgbox{font-size:13px;color:var(--soft);width:100%;text-align:right}
.ps-rating .avgbox .avg{font-size:16px;color:var(--ink);font-weight:800}
.ps-disqus{margin:26px 0}
.ps-disqus-head{display:flex;align-items:center;gap:12px;border-top:3px solid var(--accent);padding-top:14px;margin-bottom:14px}
.ps-disqus-head .ic{width:42px;height:42px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.ps-disqus-head h2{margin:0;font-size:20px}
.ps-disqus-head .t span{font-size:12.5px;color:var(--soft)}
.ps-disqus-head .cnt{margin-left:auto;font-size:13px;color:var(--soft);background:#f1f3f7;border-radius:14px;padding:4px 12px;white-space:nowrap}
.ps-cmt-ok{background:#e9f7ef;border:1px solid #b7e0c6;color:#1e7e44;border-radius:8px;padding:10px 12px;font-size:13.5px;margin-bottom:12px}
.ps-cmt-form{background:#f7f8fa;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:18px}
.ps-cmt-form .two{display:flex;gap:10px;margin-bottom:8px}
.ps-cmt-form input,.ps-cmt-form textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}
.ps-cmt-form .two input{flex:1;min-width:0}
.ps-cmt-form textarea{margin-bottom:8px;resize:vertical}
.ps-cmt-form .who{font-size:13.5px;margin-bottom:8px;color:var(--soft)}
.ps-cmt-form .optin{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--soft);margin-bottom:10px;cursor:pointer}
.ps-cmt-form .err{display:block;color:#c0392b;font-size:12px;margin-bottom:8px}
.ps-cmt-form .actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn-cmt{background:var(--accent);color:#fff;border:0;border-radius:22px;padding:10px 22px;font-weight:700;font-size:14px;cursor:pointer}
.ps-cmt-form .login-g{font-size:13px;color:var(--soft)}
.ps-cmt{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.ps-cmt .av{width:40px;height:40px;border-radius:50%;flex:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden}
.ps-cmt .av img{width:100%;height:100%;object-fit:cover}
.ps-cmt .meta{font-size:13px;margin-bottom:3px}
.ps-cmt .meta .badge{background:var(--accent);color:#fff;font-size:10px;border-radius:8px;padding:1px 6px;margin-left:4px}
.ps-cmt .meta .time{color:var(--soft);font-size:12px;margin-left:6px}
.ps-cmt p{margin:0;font-size:14px;line-height:1.55;white-space:pre-line}
.ps-cmt-empty{text-align:center;color:var(--soft);padding:24px;font-size:14px}
.ps-cmt-modal{border:0;border-radius:16px;padding:24px;max-width:430px;width:92%;box-shadow:0 24px 70px rgba(0,0,0,.28);position:relative}
.ps-cmt-modal::backdrop{background:rgba(0,0,0,.5)}
.ps-cmt-modal .x{position:absolute;top:10px;right:14px;background:none;border:0;font-size:26px;line-height:1;color:var(--soft);cursor:pointer}
.ps-cmt-modal h3{margin:0 0 2px;font-size:18px}
.ps-cmt-modal .sub{margin:0 0 16px;color:var(--soft);font-size:13px}
.ps-cmt-modal input[type=text],.ps-cmt-modal input[type=email]{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:14px;margin-bottom:10px;box-sizing:border-box}
.ps-cmt-modal .optin{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--soft);margin:2px 0 16px;cursor:pointer;line-height:1.5;text-align:left}
.ps-cmt-modal .optin input{width:17px;height:17px;flex:none;margin:1px 0 0}
.btn-cmt.block{width:100%;justify-content:center}

/* Tombol login sosial (Google warna resmi + Facebook segera) */
.sso-wrap{display:flex;flex-direction:column;gap:10px;max-width:330px;margin:14px auto 0}
.sso-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;border:1px solid #dadce0;border-radius:24px;background:#fff;color:#3c4043;font-size:14.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s;line-height:1}
.sso-btn:hover{background:#f8f9fa;box-shadow:0 1px 4px rgba(0,0,0,.12);color:#3c4043}
.sso-btn svg{flex:none}
.sso-btn.is-soon{opacity:.65;cursor:default;background:#fafafa}
.sso-btn.is-soon:hover{box-shadow:none;background:#fafafa}
.sso-btn .soon{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.3px;background:#eef1f7;color:#7a8190;border-radius:10px;padding:3px 9px;text-transform:uppercase}

/* Header: toggle tema + dropdown user */
.ps-theme{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;cursor:pointer;flex:none;display:inline-flex;align-items:center}
.ps-theme .ps-theme-trk{position:relative;width:58px;height:30px;border-radius:999px;background:linear-gradient(145deg,#eef1f6,#dde2ea);box-shadow:inset 2px 2px 5px rgba(0,0,0,.13),inset -2px -2px 5px rgba(255,255,255,.75);transition:background .3s}
.ps-theme .ps-theme-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;color:#f0913a;transition:left .3s ease,background .3s,color .3s}
.ps-theme .ps-theme-knob svg{width:14px;height:14px}
.ps-theme .ic-moon{display:none}
[data-theme=dark] .ps-theme .ps-theme-trk{background:linear-gradient(145deg,#3a3f47,#222630);box-shadow:inset 2px 2px 5px rgba(0,0,0,.55),inset -2px -2px 5px rgba(255,255,255,.05)}
[data-theme=dark] .ps-theme .ps-theme-knob{left:31px;background:#15171c;color:#cdd3df}
[data-theme=dark] .ps-theme .ic-sun{display:none}
[data-theme=dark] .ps-theme .ic-moon{display:block}
.ps-user{position:relative}
.ps-user-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:22px;padding:4px 10px 4px 4px;cursor:pointer;color:inherit;font-size:13px;font-weight:600}
.ps-user-btn .av{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;overflow:hidden;flex:none}
.ps-user-btn .av img{width:100%;height:100%;object-fit:cover}
.ps-user-btn .ca{font-size:10px;color:var(--soft)}
@media(max-width:560px){.ps-user-btn .nm{display:none}}
.ps-user-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.16);min-width:180px;padding:6px;display:none;z-index:50}
.ps-user-menu.open{display:block}
.ps-user-menu a,.ps-user-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:7px;font-size:14px;color:var(--ink);background:none;border:0;cursor:pointer}
.ps-user-menu a:hover,.ps-user-menu button:hover{background:var(--bg)}

/* Dashboard & profil netizen */
.nz-hero{display:flex;align-items:center;gap:14px;margin:6px 0 16px}
.nz-hero .av{width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;overflow:hidden;flex:none;font-family:Nunito,sans-serif}
.nz-hero .av img{width:100%;height:100%;object-fit:cover}
.nz-ok{background:#e9f7ef;border:1px solid #b7e0c6;color:#1e7e44;border-radius:8px;padding:10px 12px;font-size:13.5px;margin-bottom:14px}
.nz-stats{display:flex;gap:12px;margin:8px 0}
.nz-stats div{flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center}
.nz-stats b{display:block;font-size:22px;font-weight:800;color:var(--accent);font-family:Nunito,sans-serif}
.nz-stats span{font-size:12px;color:var(--soft)}
.nz-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.nz-form input[type=text],.nz-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}
.nz-form .err{color:#c0392b;font-size:12px}
.nz-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.nz-st{font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;white-space:nowrap;text-transform:uppercase}
.nz-terbit{background:#e9f7ef;color:#1e7e44}.nz-review{background:#fff8e6;color:#9a6a00}.nz-revisi{background:#fdecec;color:#c0392b}.nz-draft{background:#eef1f7;color:#5b6470}.nz-jadwal{background:#eaf2ff;color:#2069c8}.nz-arsip{background:#eef1f7;color:#5b6470}
.nz-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.nz-row{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}
.nz-row:last-child{border-bottom:0}.nz-row span{color:var(--soft)}

/* ===== DARK MODE (toggle, tanpa login) ===== */
:root[data-theme=dark]{--ink:#e8e9ec;--soft:#9aa1ac;--line:#2b2f36;--bg:#14161a}
[data-theme=dark] body{background:#14161a}
[data-theme=dark] .ps-head{background:#1b1e24}
[data-theme=dark] .ps-search{background:#23262d}
[data-theme=dark] .ps-search input{color:#e8e9ec}
[data-theme=dark] .ps-nav{background:#0e1014}
[data-theme=dark] .ps-h{border-bottom-color:#2b2f36}
[data-theme=dark] .ps-break{background:#1b1e24}
[data-theme=dark] .box,[data-theme=dark] .card,[data-theme=dark] .ps-article,[data-theme=dark] .ps-card,[data-theme=dark] .ps-cmt-form,[data-theme=dark] .ps-author,[data-theme=dark] .ps-rating,[data-theme=dark] .ps-gnews,[data-theme=dark] .ps-cmt-modal,[data-theme=dark] .nz-stats div,[data-theme=dark] .nz-form,[data-theme=dark] .nz-card,[data-theme=dark] .ps-user-menu{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] .ps-cmt-modal input,[data-theme=dark] .ps-cmt-form input,[data-theme=dark] .ps-cmt-form textarea,[data-theme=dark] .nz-form input,[data-theme=dark] .nz-form textarea{background:#23262d;border-color:#2b2f36;color:#e8e9ec}
[data-theme=dark] .sso-btn{background:#23262d;border-color:#3a3f47;color:#e8e9ec}
[data-theme=dark] .sso-btn.is-soon{background:#1f2228}
[data-theme=dark] .ps-bacajuga{background:rgba(255,255,255,.05)}
[data-theme=dark] .ps-disqus-head .cnt{background:#23262d}
[data-theme=dark] .ps-theme:hover{background:#23262d}
[data-theme=dark] .ps-author .role,[data-theme=dark] .ps-nu .nu-meta{color:var(--soft)}
/* Teks isi artikel di dark mode (sebelumnya hardcoded #222 → tak terbaca). */
[data-theme=dark] .ps-prose{color:var(--ink)}
[data-theme=dark] .ps-prose h1,[data-theme=dark] .ps-prose h2,[data-theme=dark] .ps-prose h3,[data-theme=dark] .ps-prose h4,[data-theme=dark] .ps-prose strong,[data-theme=dark] .ps-prose b,[data-theme=dark] .ps-prose li,[data-theme=dark] .ps-prose blockquote,[data-theme=dark] .ps-article h1{color:var(--ink)}
[data-theme=dark] .ps-prose a{color:#6fb0ff}
[data-theme=dark] .ps-prose blockquote{border-left-color:#3a3f47}

/* Fase 5 — sosial media di halaman kontak */
.ps-socials{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:14px 0}
.ps-socials .soc{display:block;border:1px solid var(--line);border-radius:10px;padding:11px 14px;text-decoration:none;color:inherit}
.ps-socials .soc:hover{border-color:var(--accent)}
.ps-socials .soc b{display:block;font-size:13px;color:var(--accent)}
.ps-socials .soc span{font-size:13px;color:var(--soft);word-break:break-all}

/* Fase 6 — footer: member-of organisasi + badge Dewan Pers */
.ft-orgs{margin-top:14px}
.ft-orgs .lbl{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;opacity:.7}
.ft-orgs .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ft-orgs .org{display:inline-flex;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:6px 12px;font-weight:800;font-size:12px;font-family:Nunito,sans-serif;letter-spacing:.5px}
.ft-dp{background:#e9870e;color:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;max-width:340px;margin-top:16px}
.ft-dp .dp-ic{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.ft-dp .dp-t{display:block;font-size:11px;font-weight:800;letter-spacing:.4px;opacity:.95}
.ft-dp b{font-size:13px;line-height:1.3}

/* <picture> transparan ke layout */
picture{display:contents}

/* Gambar via <x-pic>: paksa LANDSCAPE sesuai rasio preset (crop cover, TIDAK ketarik walau sumber square) */
.pbn-pic{display:block;width:100%;height:auto;object-fit:cover;background:#eef1f7}
.ps-prose img{max-width:100%;height:auto}

/* EEAT — halaman & byline penulis */
.ps-author-hero{display:flex;gap:18px;align-items:flex-start;padding:18px 0 22px;border-bottom:1px solid var(--line)}
.ps-author-hero .av{flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--blue-soft,#e8f0fe);color:var(--blue,#2069c8);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:30px}
.ps-author-hero .av img{width:100%;height:100%;object-fit:cover}
.ps-author-meta h1{margin:6px 0 4px;font-size:26px}
.ps-author-exp{font-size:13px;color:var(--soft);margin-bottom:8px}
.ps-author-bio{font-size:15px;line-height:1.7;margin:0;max-width:640px}
.ps-author-mini{display:block;font-size:12.5px;color:var(--soft);line-height:1.55;margin-top:3px}
.ps-amenu a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ps-author b a{color:inherit;text-decoration:none}
.ps-author b a:hover{text-decoration:underline}

/* ===== EEAT-B: Pembaruan & Ralat (transparansi koreksi) ===== */
.ps-corrections{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:#fafafa;padding:14px 16px;margin:18px 0}
.ps-corr-head{font-weight:800;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ps-corr-head .ic{color:var(--accent)}
.ps-corrections ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ps-corrections li{font-size:13.5px;line-height:1.6;color:#333;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.ps-corr-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:var(--soft);border-radius:3px;padding:2px 7px;flex:none}
.ps-corr-tag.is-ralat{background:var(--accent)}
.ps-corr-date{font-size:12px;color:var(--soft);flex:none}
.ps-corr-note{flex:1 1 100%;color:var(--ink)}
@media(prefers-color-scheme:dark){.ps-corrections{background:#1b1c1f;border-color:#2a2b2f}.ps-corrections li{color:#cfd2d6}.ps-corr-note{color:#e8eaed}}

/* ===== Audio Artikel (Dengarkan — Web Speech API) ===== */
.ps-audio{display:flex;align-items:center;gap:10px;margin:14px 0;flex-wrap:wrap}
.ps-audio-btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff;border:0;border-radius:22px;padding:8px 16px;font-size:13.5px;font-weight:700;cursor:pointer}
.ps-audio-btn:hover{filter:brightness(1.06)}
.ps-audio-stop{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#c0392b;cursor:pointer;font-size:11px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.ps-audio-state{font-size:12.5px}
@media(prefers-color-scheme:dark){.ps-audio-stop{background:#1b1c1f;border-color:#2a2b2f}}

/* ===== #11 Template skin-layer — 3 archetype dengan karakter BEDA TEGAS ===== */
:root{ --font-head:-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif; --radius-card:7px; --radius-box:9px; --radius-lead:8px; }
.ps-hero .lead .cap h3,.ps-card h3,.ps-nu h3,.ps-catsec h3,.ps-article h1,.ps-prose h2,.ps-prose h3{font-family:var(--font-head)}

/* ============ SIGAP (key 'detik') — portal padat & cepat, merah, nav gelap ============ */
body.tpl-detik .ps-cat-tag{text-transform:uppercase;letter-spacing:.5px}
body.tpl-detik .ps-card h3{font-weight:800;letter-spacing:-.2px;line-height:1.25}
body.tpl-detik .ps-h h2{text-transform:uppercase;letter-spacing:.3px;font-size:18px}

/* ============ KANAL — feed kartu modern: terang, membulat, lega, shadow ============ */
body.tpl-kanal .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-kanal .ps-nav a{color:var(--ink);font-weight:600;border-bottom:0;border-radius:18px;margin:6px 1px;padding:7px 14px}
body.tpl-kanal .ps-nav a:hover,body.tpl-kanal .ps-nav a.on{color:#fff;background:var(--accent)}
body.tpl-kanal .ps-hero .lead{border-radius:18px}
body.tpl-kanal .ps-hero .lead img{height:380px}
body.tpl-kanal .ps-hero .lead .cap h3{font-size:26px}
body.tpl-kanal .ps-cards{grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:680px){body.tpl-kanal .ps-cards{grid-template-columns:1fr}}
body.tpl-kanal .ps-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(20,30,55,.08);transition:transform .15s,box-shadow .15s}
body.tpl-kanal .ps-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,30,55,.15)}
body.tpl-kanal .ps-card img{border-radius:0;height:200px}
body.tpl-kanal .ps-card .ps-cat-tag{display:inline-block;margin:13px 14px 0;background:var(--accent);color:#fff;padding:3px 11px;border-radius:20px;letter-spacing:0;text-transform:none}
body.tpl-kanal .ps-card h3{margin:8px 14px 5px;font-size:17px;font-weight:700}
body.tpl-kanal .ps-card .meta{margin:0 14px 14px}
body.tpl-kanal .ps-h{border-bottom:0;margin:30px 0 16px}
body.tpl-kanal .ps-h h2{font-size:20px}
body.tpl-kanal .ps-side .box{border-radius:16px;border-color:#eef1f6;box-shadow:0 4px 16px rgba(20,30,55,.05)}
body.tpl-kanal .ps-tags a,body.tpl-kanal .ps-search{border-radius:22px}
body.tpl-kanal .ps-lead-hero,body.tpl-kanal .ps-catsec .feat img{border-radius:18px}
[data-theme=dark] body.tpl-kanal .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-kanal .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-kanal .ps-card{background:#1b1e24;box-shadow:none;border:1px solid #2b2f36}

/* ============ WIBAWA — koran klasik: serif, monokrom, hairline, kolom, sudut tegas ============ */
body.tpl-wibawa{--font-head:Georgia,"Times New Roman","Noto Serif",serif}
body.tpl-wibawa .ps-logo{font-family:Georgia,serif;font-weight:800}
body.tpl-wibawa .ps-nav{background:#fff;border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}
body.tpl-wibawa .ps-nav a{color:var(--ink);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.7px;border-bottom:0}
body.tpl-wibawa .ps-nav a:hover,body.tpl-wibawa .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-wibawa .ps-hero .lead .cap h3{font-size:30px;line-height:1.18}
body.tpl-wibawa .ps-article h1{font-size:34px;line-height:1.18;letter-spacing:-.3px}
body.tpl-wibawa .ps-prose{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.85}
body.tpl-wibawa .ps-cat-tag{color:var(--ink);text-transform:uppercase;letter-spacing:1px;font-weight:800;border-left:3px solid var(--accent);padding-left:6px}
body.tpl-wibawa .ps-card img,body.tpl-wibawa .ps-hero .lead,body.tpl-wibawa .ps-lead-hero,body.tpl-wibawa .ps-mini img,body.tpl-wibawa .ps-hl img,body.tpl-wibawa .ps-catsec .feat img{border-radius:0}
body.tpl-wibawa .ps-card{border-left:1px solid var(--line);padding-left:18px}
body.tpl-wibawa .ps-card:nth-child(3n+1){border-left:0;padding-left:0}
body.tpl-wibawa .ps-card img{height:150px;border:1px solid var(--line)}
body.tpl-wibawa .ps-card h3{font-size:18px;font-weight:700;line-height:1.28}
body.tpl-wibawa .ps-h{border-bottom:2px solid var(--ink)}
body.tpl-wibawa .ps-h .bar{display:none}
body.tpl-wibawa .ps-h h2{font-family:Georgia,serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:18px}
body.tpl-wibawa .ps-side .box{border:0;border-top:2px solid var(--ink);border-radius:0;background:transparent;padding:13px 0}
body.tpl-wibawa .ps-side .box h3{font-family:Georgia,serif;border-left:0;padding-left:0;text-transform:uppercase;letter-spacing:.5px}
body.tpl-wibawa .ps-pop .num{font-family:Georgia,serif;color:var(--ink)}
body.tpl-wibawa .ps-tags a,body.tpl-wibawa .ps-search{border-radius:0}
[data-theme=dark] body.tpl-wibawa .ps-nav{background:#1b1e24;border-top-color:#cfd3da;border-bottom-color:#3a3f47}
[data-theme=dark] body.tpl-wibawa .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-wibawa .ps-card{border-left-color:#2b2f36}
[data-theme=dark] body.tpl-wibawa .ps-card img{border-color:#2b2f36}
[data-theme=dark] body.tpl-wibawa .ps-h,[data-theme=dark] body.tpl-wibawa .ps-side .box{border-color:#3a3f47}

/* ===== Hero layout per template (struktur beda, bukan skin) ===== */
/* KANAL: feature besar + 2 kartu tumpuk */
.kanal-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:18px}
@media(max-width:760px){.kanal-hero{grid-template-columns:1fr}}
.kanal-hero .kh-lead{position:relative;display:block;border-radius:18px;overflow:hidden;min-height:340px}
.kanal-hero .kh-lead img{width:100%;height:100%;min-height:340px;object-fit:cover}
.kanal-hero .kh-lead .cap{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}
.kanal-hero .kh-lead .cap h2{margin:6px 0 0;font-size:25px;line-height:1.25;font-weight:800}
.kanal-hero .kh-side{display:flex;flex-direction:column;gap:14px}
.kanal-hero .kh-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(20,30,55,.09);display:block}
.kanal-hero .kh-card img{width:100%;height:120px;object-fit:cover}
.kanal-hero .kh-card .ps-cat-tag{display:inline-block;margin:10px 12px 0;background:var(--accent);color:#fff;padding:2px 10px;border-radius:14px;text-transform:none;letter-spacing:0}
.kanal-hero .kh-card h3{margin:5px 12px 13px;font-size:15px;line-height:1.3;font-weight:700}
[data-theme=dark] .kanal-hero .kh-card{background:#1b1e24;box-shadow:none;border:1px solid #2b2f36}

/* WIBAWA: halaman depan koran 3 kolom, lead serif dominan tengah */
.wib-hero{display:grid;grid-template-columns:1fr 1.9fr 1fr;gap:0;margin-bottom:20px;border-top:3px double var(--ink);padding-top:16px}
@media(max-width:760px){.wib-hero{grid-template-columns:1fr;border-top-width:1px}}
.wib-hero .wh-col{display:flex;flex-direction:column;gap:14px;padding:0 16px}
.wib-hero .wh-left{border-right:1px solid var(--line)}
.wib-hero .wh-right{border-left:1px solid var(--line)}
.wib-hero .wh-lead{display:block;padding:0 6px}
.wib-hero .wh-lead h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.16;margin:7px 0 12px;font-weight:800;letter-spacing:-.3px}
.wib-hero .wh-lead img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line)}
.wib-hero .wh-lead .wh-ex{font-family:Georgia,"Times New Roman",serif;font-size:15.5px;color:var(--soft);margin-top:12px;line-height:1.75}
.wib-hero .wh-item{display:block;border-bottom:1px solid var(--line);padding-bottom:11px}
.wib-hero .wh-item:last-child{border-bottom:0}
.wib-hero .wh-item h4{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.3;margin:4px 0 0;font-weight:700}
.wib-hero .ps-cat-tag{color:var(--ink);text-transform:uppercase;letter-spacing:1px;font-weight:800;border-left:3px solid var(--accent);padding-left:6px}
@media(max-width:760px){.wib-hero .wh-col{border:0;padding:14px 0 0}.wib-hero .wh-left,.wib-hero .wh-right{border-top:1px solid var(--line);margin-top:6px}}
[data-theme=dark] .wib-hero{border-top-color:#cfd3da}
[data-theme=dark] .wib-hero .wh-left{border-right-color:#2b2f36}
[data-theme=dark] .wib-hero .wh-right,[data-theme=dark] .wib-hero .wh-item{border-color:#2b2f36}
[data-theme=dark] .wib-hero .wh-lead img{border-color:#2b2f36}

/* ============ NARATIF — esai/longform: serif besar, terpusat, lega ============ */
body.tpl-naratif{--font-head:Georgia,"Times New Roman","Noto Serif",serif;--radius-card:10px}
body.tpl-naratif .ps-logo{font-family:Georgia,serif;font-weight:800;letter-spacing:-.5px}
body.tpl-naratif .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-naratif .ps-nav a{color:var(--ink);font-weight:600;font-size:13px;letter-spacing:.3px;border-bottom:0}
body.tpl-naratif .ps-nav a:hover,body.tpl-naratif .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-naratif .ps-cat-tag{text-transform:uppercase;letter-spacing:1.2px;font-weight:700;font-size:11px;color:var(--accent)}
body.tpl-naratif .ps-h{border-bottom:1px solid var(--line)}
body.tpl-naratif .ps-h .bar{background:var(--accent);width:30px}
body.tpl-naratif .ps-h h2{font-family:Georgia,serif;font-weight:800;font-size:20px;letter-spacing:-.2px}
body.tpl-naratif .ps-cards{grid-template-columns:repeat(2,1fr);gap:30px 26px}
@media(max-width:680px){body.tpl-naratif .ps-cards{grid-template-columns:1fr}}
body.tpl-naratif .ps-card{border-bottom:1px solid var(--line);padding-bottom:18px}
body.tpl-naratif .ps-card img{height:200px;border-radius:10px}
body.tpl-naratif .ps-card h3{font-family:Georgia,serif;font-size:21px;font-weight:800;line-height:1.28;margin-top:12px}
body.tpl-naratif .ps-catsec .feat h3{font-family:Georgia,serif;font-size:24px}
body.tpl-naratif .ps-latest .it h3{font-family:Georgia,serif;font-size:23px;font-weight:800;line-height:1.3}
body.tpl-naratif .ps-latest .ex{font-size:15px;line-height:1.7}
body.tpl-naratif .ps-side .box h3{font-family:Georgia,serif}
[data-theme=dark] body.tpl-naratif .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-naratif .ps-nav a{color:var(--ink)}

/* NARATIF hero: esai terpusat */
.nar-hero{max-width:720px;margin:0 auto 26px;text-align:center}
.nar-hero .nar-lead{display:block}
.nar-hero .nar-lead .ps-cat-tag{display:inline-block;margin-bottom:10px}
.nar-hero .nar-lead h2{font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.16;font-weight:800;letter-spacing:-.5px;margin:0 0 14px}
.nar-hero .nar-dek{font-size:18px;line-height:1.7;color:var(--soft);margin:0 auto 12px;max-width:620px}
.nar-hero .nar-by{font-size:12.5px;color:var(--soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px}
.nar-hero .nar-lead img{width:100%;height:420px;object-fit:cover;border-radius:12px}
.nar-hero .nar-more{display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
@media(max-width:680px){.nar-hero .nar-more{grid-template-columns:1fr}.nar-hero .nar-lead h2{font-size:28px}.nar-hero .nar-lead img{height:260px}}
.nar-hero .nar-item h3{font-family:Georgia,serif;font-size:20px;line-height:1.3;font-weight:800;margin:6px 0 6px}
.nar-hero .nar-item p{font-size:14px;line-height:1.6;color:var(--soft);margin:0}

/* ============ TEGAS — smart-brevity: huruf tebal, kotak berpoin, aksen kuat ============ */
body.tpl-tegas{--font-head:"Helvetica Neue",Arial,system-ui,sans-serif;--radius-card:4px;--radius-box:4px}
body.tpl-tegas .ps-logo{font-weight:900;letter-spacing:-1px}
body.tpl-tegas .ps-nav a{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.5px}
body.tpl-tegas .ps-nav a:hover,body.tpl-tegas .ps-nav a.on{color:var(--accent)}
body.tpl-tegas .ps-cat-tag{text-transform:uppercase;letter-spacing:.6px;font-weight:900;color:var(--accent)}
body.tpl-tegas .ps-h{border-bottom:0}
body.tpl-tegas .ps-h .bar{display:none}
body.tpl-tegas .ps-h h2{font-weight:900;text-transform:uppercase;letter-spacing:-.2px;font-size:20px;border-left:5px solid var(--accent);padding-left:10px}
body.tpl-tegas .ps-cards{grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:680px){body.tpl-tegas .ps-cards{grid-template-columns:1fr}}
body.tpl-tegas .ps-card{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:4px;overflow:hidden;padding-bottom:12px}
body.tpl-tegas .ps-card img{border-radius:0;height:150px}
body.tpl-tegas .ps-card .ps-cat-tag{margin:12px 14px 0;display:inline-block}
body.tpl-tegas .ps-card h3{margin:6px 14px 5px;font-weight:800;font-size:16px;line-height:1.25}
body.tpl-tegas .ps-card .meta{margin:0 14px}
body.tpl-tegas .ps-latest .it{border-left:4px solid var(--accent);padding-left:14px}
[data-theme=dark] body.tpl-tegas .ps-card{background:#1b1e24;border-color:#2b2f36;border-left-color:var(--accent)}

/* TEGAS hero: lead + 3 kotak poin */
.teg-hero{margin-bottom:20px}
.teg-hero .teg-lead{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:center;margin-bottom:18px;border-bottom:3px solid var(--ink);padding-bottom:18px}
@media(max-width:760px){.teg-hero .teg-lead{grid-template-columns:1fr}}
.teg-hero .teg-lead img{width:100%;height:300px;object-fit:cover;border-radius:4px}
.teg-hero .teg-lead-tx h2{font-size:30px;font-weight:900;line-height:1.15;letter-spacing:-.5px;margin:8px 0 10px}
.teg-hero .teg-lead-tx p{font-size:15px;line-height:1.6;color:var(--soft);margin:0}
.teg-hero .teg-bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.teg-hero .teg-bullets{grid-template-columns:1fr}}
.teg-hero .teg-box{display:block;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:4px;padding:14px 16px;background:#fff}
.teg-hero .teg-box h3{font-size:17px;font-weight:800;line-height:1.25;margin:6px 0 10px}
.teg-hero .teg-why{display:inline-block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--accent);border-radius:3px;padding:2px 8px;margin-bottom:6px}
.teg-hero .teg-box p{font-size:13.5px;line-height:1.55;color:var(--soft);margin:0}
[data-theme=dark] .teg-hero .teg-box{background:#1b1e24;border-color:#2b2f36;border-top-color:var(--accent)}

/* ============ LUGAS — kantor berita (wire): kertas krem, daftar padat, sudut tajam ============ */
body.tpl-lugas{--radius-card:3px;--radius-box:3px;background:#fbf6ef}
body.tpl-lugas .ps-logo{font-family:Georgia,serif;font-weight:800}
body.tpl-lugas .ps-nav{background:#fff;border-bottom:2px solid var(--accent)}
body.tpl-lugas .ps-nav a{color:var(--ink);font-weight:700;font-size:12.5px;border-bottom:0}
body.tpl-lugas .ps-nav a:hover,body.tpl-lugas .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-lugas .ps-cat-tag{text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:var(--accent);font-size:11px}
body.tpl-lugas .ps-h{border-bottom:1px solid #e4d9cb}
body.tpl-lugas .ps-h .bar{background:var(--accent)}
body.tpl-lugas .ps-h h2{font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.3px}
body.tpl-lugas .ps-cards{grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:760px){body.tpl-lugas .ps-cards{grid-template-columns:repeat(2,1fr)}}
body.tpl-lugas .ps-card{background:transparent;border-bottom:1px solid #e4d9cb;padding-bottom:12px}
body.tpl-lugas .ps-card img{height:120px;border-radius:3px}
body.tpl-lugas .ps-card h3{font-size:14.5px;font-weight:700;line-height:1.3;margin-top:8px}
body.tpl-lugas .ps-latest .it{border-bottom:1px solid #e4d9cb}
body.tpl-lugas .ps-latest .it h3{font-size:17px;font-weight:700}
body.tpl-lugas .ps-side .box,body.tpl-lugas .box{background:#fff}
[data-theme=dark] body.tpl-lugas{background:#17130e}
[data-theme=dark] body.tpl-lugas .ps-h,[data-theme=dark] body.tpl-lugas .ps-card,[data-theme=dark] body.tpl-lugas .ps-latest .it{border-color:#332a1f}
[data-theme=dark] body.tpl-lugas .ps-side .box,[data-theme=dark] body.tpl-lugas .box,[data-theme=dark] body.tpl-lugas .ps-nav{background:#1e1812;border-color:#332a1f}

/* LUGAS hero: lead + daftar Top News */
.lug-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:20px;border-bottom:2px solid var(--accent);padding-bottom:18px}
@media(max-width:760px){.lug-hero{grid-template-columns:1fr}}
.lug-hero .lug-lead img{width:100%;height:320px;object-fit:cover;border-radius:3px;margin-bottom:10px}
.lug-hero .lug-lead h2{font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.3px;margin:6px 0 8px}
.lug-hero .lug-lead p{font-size:15px;line-height:1.65;color:var(--soft);margin:0}
.lug-hero .lug-list{display:flex;flex-direction:column}
.lug-hero .lug-list-h{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:6px;margin-bottom:4px}
.lug-hero .lug-item{display:block;border-bottom:1px dashed #d8ccbb;padding:10px 0}
.lug-hero .lug-item:last-child{border-bottom:0}
.lug-hero .lug-item h4{font-size:15px;font-weight:700;line-height:1.3;margin:3px 0 0}
[data-theme=dark] .lug-hero .lug-item{border-color:#332a1f}

/* ============ LENSA — video-first sinematik: hero gelap, tombol play, kartu studio ============ */
body.tpl-lensa{--radius-card:10px}
body.tpl-lensa .ps-nav{background:#0d0f14}
body.tpl-lensa .ps-nav a:hover,body.tpl-lensa .ps-nav a.on{color:var(--accent);border-bottom-color:var(--accent)}
body.tpl-lensa .ps-cat-tag{text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:var(--accent)}
body.tpl-lensa .ps-h h2{font-weight:800}
body.tpl-lensa .ps-cards{grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:680px){body.tpl-lensa .ps-cards{grid-template-columns:repeat(2,1fr)}}
body.tpl-lensa .ps-card{position:relative;background:#13151b;border-radius:10px;overflow:hidden;color:#fff}
body.tpl-lensa .ps-card img{height:160px;border-radius:0}
body.tpl-lensa .ps-card::after{content:"▶";position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding-left:2px}
body.tpl-lensa .ps-card .ps-cat-tag{margin:12px 12px 0;display:inline-block}
body.tpl-lensa .ps-card h3{color:#fff;margin:8px 12px 5px;font-size:15px;font-weight:700}
body.tpl-lensa .ps-card .meta{color:#9aa3b2;margin:0 12px 12px}
[data-theme=dark] body.tpl-lensa .ps-card{background:#13151b}

/* LENSA hero: feature video gelap + daftar klip */
.len-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:20px;background:#0d0f14;border-radius:14px;padding:16px}
@media(max-width:760px){.len-hero{grid-template-columns:1fr}}
.len-hero .len-lead{position:relative;display:block;border-radius:10px;overflow:hidden;min-height:360px}
.len-hero .len-lead img{width:100%;height:100%;min-height:360px;object-fit:cover}
.len-hero .len-lead .cap{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff}
.len-hero .len-lead .cap h2{margin:6px 0 0;font-size:25px;line-height:1.25;font-weight:800;color:#fff}
.len-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,59,92,.92);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.len-play.sm{width:30px;height:30px;font-size:11px;padding-left:2px;box-shadow:none;background:rgba(0,0,0,.55)}
.len-hero .len-list{display:flex;flex-direction:column;gap:13px}
.len-hero .len-item{display:flex;gap:11px;align-items:flex-start}
.len-hero .len-item .len-thumb{position:relative;flex:none;width:104px;height:68px;border-radius:8px;overflow:hidden}
.len-hero .len-item .len-thumb img{width:104px;height:68px;object-fit:cover}
.len-hero .len-item h4{color:#fff;font-size:14px;line-height:1.3;margin:4px 0 0;font-weight:700}
.len-hero .len-item .ps-cat-tag{font-size:10.5px}

/* =========================================================================
   #11 — 13 VARIAN SKIN (total 20 template). Tiap varian pakai salah satu dari
   7 hero archetype (field 'hero' di config/templates.php) + skin tipografi/nav/
   kartu yang beda tegas. Aksen = var(--accent) (warna brand media saat runtime).
   ========================================================================= */

/* ===== VARIAN PORTAL (hero detik) ===== */
/* SINDO — portal navy padat, sans kondensat */
body.tpl-sindo{--font-head:"Arial Narrow","Roboto Condensed",Arial,sans-serif;--radius-card:3px;--radius-box:3px}
body.tpl-sindo .ps-logo{font-weight:900;letter-spacing:-.5px}
body.tpl-sindo .ps-nav{background:#0a2540;border-bottom:3px solid var(--accent)}
body.tpl-sindo .ps-nav a{color:#fff;font-weight:700;font-size:12.5px;letter-spacing:.2px;border-bottom:0;text-transform:uppercase}
body.tpl-sindo .ps-nav a:hover,body.tpl-sindo .ps-nav a.on{background:rgba(255,255,255,.12)}
body.tpl-sindo .ps-cat-tag{text-transform:uppercase;letter-spacing:.5px;font-weight:800;color:var(--accent)}
body.tpl-sindo .ps-h{border-bottom:0;gap:8px}
body.tpl-sindo .ps-h .bar{width:8px;height:22px;border-radius:0}
body.tpl-sindo .ps-h h2{font-weight:900;text-transform:uppercase;letter-spacing:-.3px;font-size:19px}
body.tpl-sindo .ps-cards{grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:680px){body.tpl-sindo .ps-cards{grid-template-columns:1fr}}
body.tpl-sindo .ps-card img{height:140px;border-radius:3px}
body.tpl-sindo .ps-card h3{font-weight:800;letter-spacing:-.3px;line-height:1.2;font-size:16px;margin-top:7px}
body.tpl-sindo .ps-latest .it h3{letter-spacing:-.3px;line-height:1.22}
[data-theme=dark] body.tpl-sindo .ps-nav{background:#0a1626;border-bottom-color:var(--accent)}
[data-theme=dark] body.tpl-sindo .ps-nav a{color:#fff}

/* REPUBLIK — broadsheet serif tenang, nav putih underline */
body.tpl-republik{--font-head:Georgia,"Times New Roman","Noto Serif",serif;--radius-card:5px;--radius-box:5px}
body.tpl-republik .ps-logo{font-family:Georgia,serif;font-weight:800;letter-spacing:-.3px}
body.tpl-republik .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-republik .ps-nav a{color:var(--ink);font-weight:600;font-size:13px;border-bottom:2px solid transparent}
body.tpl-republik .ps-nav a:hover,body.tpl-republik .ps-nav a.on{color:var(--accent);background:transparent;border-bottom-color:var(--accent)}
body.tpl-republik .ps-cat-tag{text-transform:uppercase;letter-spacing:1.1px;font-weight:700;font-size:11px;color:var(--accent)}
body.tpl-republik .ps-h{border-bottom:1px solid var(--line);margin:32px 0 18px}
body.tpl-republik .ps-h .bar{width:4px;height:18px;background:var(--accent)}
body.tpl-republik .ps-h h2{font-family:Georgia,serif;font-weight:800;font-size:21px;letter-spacing:-.2px}
body.tpl-republik .ps-cards{grid-template-columns:repeat(3,1fr);gap:30px 26px}
@media(max-width:680px){body.tpl-republik .ps-cards{grid-template-columns:1fr}}
body.tpl-republik .ps-card h3{font-family:Georgia,serif;font-weight:700;font-size:19px;line-height:1.34;margin-top:12px}
body.tpl-republik .ps-latest .it h3{font-family:Georgia,serif;font-size:22px;line-height:1.32}
body.tpl-republik .ps-latest .ex{font-size:15px;line-height:1.78}
body.tpl-republik .ps-side .box h3{font-family:Georgia,serif}
[data-theme=dark] body.tpl-republik .ps-nav{background:#1b1e24;border-bottom-color:#2b2f36}
[data-theme=dark] body.tpl-republik .ps-nav a{color:var(--ink)}

/* AYO — hyperlocal ramah: nav warna brand, font rounded, chip pil, kartu soft */
body.tpl-ayo{--font-head:Nunito,"Segoe UI",sans-serif;--radius-card:14px}
body.tpl-ayo .ps-nav{background:var(--accent);border-bottom:0}
body.tpl-ayo .ps-nav a{color:#fff;font-weight:800;border-bottom:0;border-radius:20px;margin:6px 1px;padding:7px 14px;opacity:.9}
body.tpl-ayo .ps-nav a:hover,body.tpl-ayo .ps-nav a.on{opacity:1;background:rgba(255,255,255,.18)}
body.tpl-ayo .ps-logo,body.tpl-ayo .ps-logo b{color:#fff}
body.tpl-ayo .ps-cat-tag{background:var(--accent);color:#fff;border-radius:20px;padding:3px 12px;font-weight:800}
body.tpl-ayo .ps-tags a{border-radius:20px;border:1px solid var(--line);padding:4px 13px;font-weight:700}
body.tpl-ayo .ps-tags a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
body.tpl-ayo .ps-cards{gap:22px}
body.tpl-ayo .ps-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(25,30,50,.09)}
body.tpl-ayo .ps-card h3{margin:9px 14px 5px;font-weight:800;font-size:17px}
body.tpl-ayo .ps-card .meta{margin:0 14px 12px}
body.tpl-ayo .ps-h .bar{border-radius:4px;height:20px}
body.tpl-ayo .ps-h h2{font-weight:800}
[data-theme=dark] body.tpl-ayo .ps-card{background:#1b1e24;box-shadow:none;border:1px solid #2b2f36}
[data-theme=dark] body.tpl-ayo .ps-tags a{border-color:#2b2f36}

/* NETRAL — bersih minimal: nav putih hairline, link uppercase tipis, lapang */
body.tpl-netral{--font-head:"Helvetica Neue",Arial,system-ui,sans-serif}
body.tpl-netral .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-netral .ps-nav a{color:var(--ink);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:1.2px;border-bottom:0;opacity:.72}
body.tpl-netral .ps-nav a:hover,body.tpl-netral .ps-nav a.on{opacity:1;color:var(--accent)}
body.tpl-netral .ps-cat-tag{color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;font-size:11px}
body.tpl-netral .ps-h{border-bottom:1px solid var(--line);padding-bottom:6px}
body.tpl-netral .ps-h .bar{display:none}
body.tpl-netral .ps-h h2{font-weight:700;font-size:18px;letter-spacing:.2px}
body.tpl-netral .ps-cards{gap:30px}
body.tpl-netral .ps-card{border-bottom:1px solid var(--line);padding-bottom:16px}
body.tpl-netral .ps-card img{border-radius:2px}
body.tpl-netral .ps-card h3{font-weight:700;font-size:16px;margin-top:9px}
body.tpl-netral .ps-latest .it{border-bottom:1px solid var(--line);padding:14px 0}
body.tpl-netral .ps-tags a{border-bottom:1px solid var(--line);padding:3px 2px;opacity:.8}
[data-theme=dark] body.tpl-netral .ps-nav{background:#1b1e24;border-color:#2b2f36}

/* ===== VARIAN KARTU (hero kanal) ===== */
/* IDÉ — majalah gen-z: judul tebal, kartu 2-kolom radius besar, kicker pil */
body.tpl-ide{--font-head:"Segoe UI",system-ui,sans-serif;--radius-card:16px}
body.tpl-ide .ps-logo{font-weight:800;letter-spacing:-.5px}
body.tpl-ide .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-ide .ps-nav a{color:var(--ink);font-weight:700;font-size:13px;border-bottom:0;border-radius:16px;margin:6px 1px;padding:7px 13px}
body.tpl-ide .ps-nav a:hover,body.tpl-ide .ps-nav a.on{color:#fff;background:var(--accent)}
body.tpl-ide .ps-cat-tag{display:inline-block;background:var(--accent);color:#fff;padding:3px 11px;border-radius:20px;letter-spacing:0;text-transform:none;font-weight:800}
body.tpl-ide .ps-cards{grid-template-columns:repeat(2,1fr);gap:26px}
@media(max-width:680px){body.tpl-ide .ps-cards{grid-template-columns:1fr}}
body.tpl-ide .ps-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s}
body.tpl-ide .ps-card:hover{transform:translateY(-3px)}
body.tpl-ide .ps-card img{border-radius:0;height:230px}
body.tpl-ide .ps-card .ps-cat-tag{margin:13px 15px 0}
body.tpl-ide .ps-card h3{margin:8px 15px 5px;font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.3px}
body.tpl-ide .ps-card .meta{margin:0 15px 15px}
body.tpl-ide .ps-h{border-bottom:0;margin:30px 0 16px}
body.tpl-ide .ps-h h2{font-weight:800;font-size:22px;letter-spacing:-.4px}
body.tpl-ide .ps-tags a,body.tpl-ide .ps-search{border-radius:20px}
[data-theme=dark] body.tpl-ide .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-ide .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-ide .ps-card{background:#1b1e24;border-color:#2b2f36}

/* MUDA — gen-z playful: sudut super membulat, kartu melayang shadow tebal */
body.tpl-muda{--font-head:"Segoe UI",system-ui,sans-serif;--radius-card:22px;--radius-box:22px}
body.tpl-muda .ps-logo{font-weight:800;letter-spacing:-.4px}
body.tpl-muda .ps-nav{background:transparent;border-bottom:0}
body.tpl-muda .ps-nav a{color:var(--ink);font-weight:700;font-size:13px;border-bottom:0;border-radius:24px;margin:8px 2px;padding:8px 16px;background:var(--bg)}
body.tpl-muda .ps-nav a:hover,body.tpl-muda .ps-nav a.on{color:#fff;background:var(--accent)}
body.tpl-muda .ps-cat-tag{display:inline-block;background:var(--accent);color:#fff;padding:4px 13px;border-radius:24px;letter-spacing:0;text-transform:none;font-weight:700}
body.tpl-muda .ps-cards{grid-template-columns:repeat(2,1fr);gap:30px}
@media(max-width:680px){body.tpl-muda .ps-cards{grid-template-columns:1fr}}
body.tpl-muda .ps-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(20,30,55,.13);transition:transform .18s,box-shadow .18s}
body.tpl-muda .ps-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(20,30,55,.2)}
body.tpl-muda .ps-card img{border-radius:0;height:210px}
body.tpl-muda .ps-card .ps-cat-tag{margin:15px 16px 0}
body.tpl-muda .ps-card h3{margin:9px 16px 5px;font-size:18px;font-weight:800;line-height:1.28}
body.tpl-muda .ps-card .meta{margin:0 16px 16px}
body.tpl-muda .ps-h{border-bottom:0;margin:32px 0 18px}
body.tpl-muda .ps-h .bar{border-radius:6px}
body.tpl-muda .ps-h h2{font-weight:800;font-size:21px}
body.tpl-muda .ps-side .box{border:0;border-radius:22px;box-shadow:0 10px 30px rgba(20,30,55,.08)}
body.tpl-muda .ps-tags a,body.tpl-muda .ps-search{border-radius:24px}
[data-theme=dark] body.tpl-muda .ps-nav a{color:var(--ink);background:#23262e}
[data-theme=dark] body.tpl-muda .ps-card{background:#1b1e24;box-shadow:0 14px 38px rgba(0,0,0,.5)}
[data-theme=dark] body.tpl-muda .ps-side .box{background:#1b1e24;box-shadow:0 10px 30px rgba(0,0,0,.4)}

/* ===== VARIAN KORAN (hero wibawa) ===== */
/* POS — broadsheet Inggris renyah: serif rapat, kolom hairline */
body.tpl-pos{--font-head:Georgia,"Times New Roman",serif}
body.tpl-pos .ps-logo{font-family:Georgia,serif;font-weight:800;letter-spacing:-.5px}
body.tpl-pos .ps-nav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.tpl-pos .ps-nav a{color:var(--ink);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;border-bottom:0}
body.tpl-pos .ps-nav a:hover,body.tpl-pos .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-pos .ps-cat-tag{text-transform:uppercase;letter-spacing:1.1px;font-weight:700;font-size:10.5px;color:var(--accent)}
body.tpl-pos .ps-card{border-left:1px solid var(--line);padding-left:18px}
body.tpl-pos .ps-card:nth-child(3n+1){border-left:0;padding-left:0}
body.tpl-pos .ps-card img{height:160px;border-radius:0}
body.tpl-pos .ps-card h3{font-family:Georgia,serif;font-size:19px;font-weight:700;line-height:1.22;letter-spacing:-.3px}
body.tpl-pos .ps-latest .it h3{font-family:Georgia,serif;letter-spacing:-.3px}
body.tpl-pos .ps-h{border-bottom:1px solid var(--ink)}
body.tpl-pos .ps-h .bar{display:none}
body.tpl-pos .ps-h h2{font-family:Georgia,serif;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:17px}
body.tpl-pos .ps-side .box h3{font-family:Georgia,serif;letter-spacing:-.2px}
body.tpl-pos .ps-tags a,body.tpl-pos .ps-search{border-radius:0}
[data-theme=dark] body.tpl-pos .ps-nav{background:#1b1e24;border-top-color:#3a3f47;border-bottom-color:#3a3f47}
[data-theme=dark] body.tpl-pos .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-pos .ps-card{border-left-color:#2b2f36}
[data-theme=dark] body.tpl-pos .ps-h{border-bottom-color:#3a3f47}

/* CENDEKIA — broadsheet akademik: serif hangat, kertas lembut, tipe baca besar */
body.tpl-cendekia{--font-head:Georgia,"Times New Roman","Noto Serif",serif;--radius-card:3px;background:#faf7f1}
body.tpl-cendekia .ps-logo{font-family:Georgia,serif;font-weight:800;letter-spacing:-.4px}
body.tpl-cendekia .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-cendekia .ps-nav a{color:var(--ink);font-weight:700;font-size:12.5px;letter-spacing:.4px;border-bottom:0}
body.tpl-cendekia .ps-nav a:hover,body.tpl-cendekia .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-cendekia .ps-cat-tag{color:var(--ink);text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:11px}
body.tpl-cendekia .ps-h{border-bottom:1px solid var(--line)}
body.tpl-cendekia .ps-h .bar{display:none}
body.tpl-cendekia .ps-h h2{font-family:Georgia,serif;font-weight:700;font-size:19px;letter-spacing:.2px}
body.tpl-cendekia .ps-cards{grid-template-columns:repeat(3,1fr);gap:30px 28px}
@media(max-width:680px){body.tpl-cendekia .ps-cards{grid-template-columns:1fr}}
body.tpl-cendekia .ps-card{border-bottom:1px solid var(--line);padding-bottom:18px}
body.tpl-cendekia .ps-card img{height:160px;border-radius:3px}
body.tpl-cendekia .ps-card h3{font-family:Georgia,serif;font-size:19px;font-weight:700;line-height:1.3;margin-top:12px}
body.tpl-cendekia .ps-latest .it h3{font-family:Georgia,serif;font-weight:700}
body.tpl-cendekia .ps-latest .ex{font-size:16px;line-height:1.8;color:var(--soft)}
body.tpl-cendekia .ps-side .box h3{font-family:Georgia,serif}
body.tpl-cendekia .ps-side .box,body.tpl-cendekia .box{background:#fff}
[data-theme=dark] body.tpl-cendekia{background:#15130f}
[data-theme=dark] body.tpl-cendekia .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-cendekia .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-cendekia .ps-side .box,[data-theme=dark] body.tpl-cendekia .box{background:#1b1e24;border-color:#2b2f36}

/* ===== VARIAN ESAI (hero naratif) ===== */
/* TELAAH — esai akademik: serif, header small-caps, leading lega */
body.tpl-telaah{--font-head:Georgia,"Times New Roman","Noto Serif",serif;--radius-card:4px}
body.tpl-telaah .ps-logo{font-family:Georgia,serif;font-weight:700;letter-spacing:-.3px}
body.tpl-telaah .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-telaah .ps-nav a{color:var(--ink);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:0}
body.tpl-telaah .ps-nav a:hover,body.tpl-telaah .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-telaah .ps-cat-tag{font-variant:small-caps;text-transform:lowercase;letter-spacing:1px;font-weight:700;font-size:13px;color:var(--accent)}
body.tpl-telaah .ps-h{border-bottom:1px solid var(--line)}
body.tpl-telaah .ps-h .bar{display:none}
body.tpl-telaah .ps-h h2{font-family:Georgia,serif;font-variant:small-caps;text-transform:lowercase;letter-spacing:1.2px;font-weight:700;font-size:20px}
body.tpl-telaah .ps-cards{grid-template-columns:repeat(2,1fr);gap:34px 30px}
@media(max-width:680px){body.tpl-telaah .ps-cards{grid-template-columns:1fr}}
body.tpl-telaah .ps-card{border-bottom:1px solid var(--line);padding-bottom:20px}
body.tpl-telaah .ps-card img{height:190px;border-radius:4px}
body.tpl-telaah .ps-card h3{font-family:Georgia,serif;font-size:20px;font-weight:700;line-height:1.34;margin-top:13px}
body.tpl-telaah .ps-latest .it h3{font-family:Georgia,serif;font-weight:700;line-height:1.34}
body.tpl-telaah .ps-latest .ex{font-size:15px;line-height:1.75;max-width:54ch}
body.tpl-telaah .ps-side .box h3{font-family:Georgia,serif;font-variant:small-caps;text-transform:lowercase;letter-spacing:.8px}
[data-theme=dark] body.tpl-telaah .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-telaah .ps-nav a{color:var(--ink)}

/* RENJANA — majalah sastra elegan: serif halus, kicker italic, hairline */
body.tpl-renjana{--font-head:Georgia,"Times New Roman","Noto Serif",serif;--radius-card:6px}
body.tpl-renjana .ps-logo{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:.2px}
body.tpl-renjana .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-renjana .ps-nav a{color:var(--ink);font-weight:500;font-size:13px;letter-spacing:1px;text-transform:uppercase;border-bottom:0}
body.tpl-renjana .ps-nav a:hover,body.tpl-renjana .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-renjana .ps-cat-tag{font-style:italic;text-transform:none;letter-spacing:.2px;font-weight:600;font-size:13px;color:var(--accent)}
body.tpl-renjana .ps-h{border-bottom:1px solid var(--line)}
body.tpl-renjana .ps-h .bar{display:none}
body.tpl-renjana .ps-h h2{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:23px;letter-spacing:.2px}
body.tpl-renjana .ps-cards{grid-template-columns:repeat(3,1fr);gap:40px 30px}
@media(max-width:680px){body.tpl-renjana .ps-cards{grid-template-columns:1fr}}
body.tpl-renjana .ps-card{padding-bottom:6px}
body.tpl-renjana .ps-card img{height:200px;border-radius:6px}
body.tpl-renjana .ps-card h3{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.36;margin-top:14px}
body.tpl-renjana .ps-latest .it{border-bottom:1px solid var(--line);padding:26px 0}
body.tpl-renjana .ps-latest .it h3{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.32}
body.tpl-renjana .ps-latest .ex{font-size:15px;line-height:1.8;font-style:italic;color:var(--soft)}
body.tpl-renjana .ps-side .box{border:0;border-top:1px solid var(--ink);border-radius:0;background:transparent;padding:14px 0}
body.tpl-renjana .ps-side .box h3{font-family:Georgia,serif;font-style:italic;font-weight:400;border-left:0;padding-left:0}
[data-theme=dark] body.tpl-renjana .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-renjana .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-renjana .ps-side .box{border-top-color:#3a3f47}

/* ===== VARIAN EXPLAINER (hero tegas) ===== */
/* RINGKAS — smart-brevity ala Axios: sangat tebal, blok aksen, kartu border-top */
body.tpl-ringkas{--font-head:Arial,"Helvetica Neue",Helvetica,sans-serif;--radius-card:4px;--radius-box:6px}
body.tpl-ringkas .ps-logo{font-weight:900;letter-spacing:-1px}
body.tpl-ringkas .ps-nav a{font-weight:900;font-size:13px;letter-spacing:-.2px}
body.tpl-ringkas .ps-nav a:hover,body.tpl-ringkas .ps-nav a.on{color:var(--accent)}
body.tpl-ringkas .ps-cat-tag{text-transform:uppercase;letter-spacing:.4px;font-weight:900;color:var(--accent)}
body.tpl-ringkas .ps-h{border-bottom:0;margin:34px 0 18px;gap:12px}
body.tpl-ringkas .ps-h .bar{width:24px;height:10px;border-radius:2px;background:var(--accent)}
body.tpl-ringkas .ps-h h2{font-weight:900;font-size:22px;letter-spacing:-.6px}
body.tpl-ringkas .ps-cards{grid-template-columns:repeat(3,1fr);gap:30px 26px}
@media(max-width:680px){body.tpl-ringkas .ps-cards{grid-template-columns:1fr}}
body.tpl-ringkas .ps-card{border-top:4px solid var(--accent);padding-top:12px}
body.tpl-ringkas .ps-card img{height:160px;border-radius:4px}
body.tpl-ringkas .ps-card h3{font-weight:900;font-size:17px;line-height:1.22;letter-spacing:-.3px;margin-top:11px}
body.tpl-ringkas .ps-latest .it h3{font-weight:900;letter-spacing:-.4px}
body.tpl-ringkas .ps-side .box h3{font-weight:900;border-left-width:6px}
[data-theme=dark] body.tpl-ringkas .ps-card{border-top-color:var(--accent)}

/* WACANA — politik ala Politico: sans kondensat, nav kapital, kartu border-bottom */
body.tpl-wacana{--font-head:"Arial Narrow","Roboto Condensed",Arial,sans-serif;--radius-card:3px;--radius-box:3px}
body.tpl-wacana .ps-logo{font-family:"Arial Narrow",Arial,sans-serif;font-weight:800;letter-spacing:.2px}
body.tpl-wacana .ps-nav a{font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:1.4px}
body.tpl-wacana .ps-nav a:hover,body.tpl-wacana .ps-nav a.on{color:var(--accent)}
body.tpl-wacana .ps-cat-tag{text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:var(--accent);font-size:10.5px}
body.tpl-wacana .ps-h{border-bottom:1px solid var(--ink);padding-bottom:6px;margin:24px 0 12px}
body.tpl-wacana .ps-h .bar{display:none}
body.tpl-wacana .ps-h h2{font-family:"Arial Narrow",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.8px;font-size:21px}
body.tpl-wacana .ps-cards{grid-template-columns:repeat(3,1fr);gap:14px 18px}
@media(max-width:680px){body.tpl-wacana .ps-cards{grid-template-columns:repeat(2,1fr)}}
body.tpl-wacana .ps-card{border-bottom:3px solid var(--accent);padding-bottom:11px}
body.tpl-wacana .ps-card img{height:140px;border-radius:3px}
body.tpl-wacana .ps-card h3{font-family:"Arial Narrow",Arial,sans-serif;font-weight:800;font-size:18px;line-height:1.18;letter-spacing:.1px;margin-top:8px}
body.tpl-wacana .ps-latest .it h3{font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.2px}
[data-theme=dark] body.tpl-wacana .ps-h{border-bottom-color:#3a3f47}

/* ===== VARIAN WIRE (hero lugas) ===== */
/* WARTA — wire putih bersih ala BBC/Reuters: latar putih, daftar judul rapat, kartu 4-kol */
body.tpl-warta{--radius-card:2px;--radius-box:2px;background:var(--bg)}
body.tpl-warta .ps-logo{font-weight:800;letter-spacing:-.4px}
body.tpl-warta .ps-nav{background:#fff;border-top:3px solid var(--accent);border-bottom:1px solid var(--line)}
body.tpl-warta .ps-nav a{color:var(--ink);font-weight:700;font-size:13px;border-bottom:0}
body.tpl-warta .ps-nav a:hover,body.tpl-warta .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-warta .ps-cat-tag{text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:var(--accent);font-size:11px}
body.tpl-warta .ps-h{border-bottom:1px solid var(--line)}
body.tpl-warta .ps-h .bar{width:4px;background:var(--accent)}
body.tpl-warta .ps-h h2{font-weight:800;font-size:18px;letter-spacing:-.2px}
body.tpl-warta .ps-cards{grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:760px){body.tpl-warta .ps-cards{grid-template-columns:repeat(2,1fr)}}
body.tpl-warta .ps-card{background:transparent;border-bottom:1px solid var(--line);padding-bottom:12px}
body.tpl-warta .ps-card img{height:115px;border-radius:2px}
body.tpl-warta .ps-card h3{font-size:15px;font-weight:700;line-height:1.3;margin-top:8px}
body.tpl-warta .ps-card h3 a:hover{color:var(--accent)}
body.tpl-warta .ps-latest .it{border-bottom:1px solid var(--line)}
body.tpl-warta .ps-latest .it h3{font-size:18px;font-weight:700}
[data-theme=dark] body.tpl-warta .ps-nav{background:#1b1e24;border-bottom-color:#2b2f36}
[data-theme=dark] body.tpl-warta .ps-nav a{color:var(--ink)}

/* ===== PAGE LAYOUT: Lugas (reuters.com wire) — daftar judul berseksi, teks dominan ===== */
body.tpl-lugas .pg-lugas-top{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start;margin-bottom:18px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
body.tpl-lugas .pg-lugas-lead img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-card,3px)}
body.tpl-lugas .pg-lugas-lead .b{padding-top:10px}
body.tpl-lugas .pg-lugas-lead h2{margin:5px 0 6px;font-size:25px;font-weight:800;line-height:1.18}
body.tpl-lugas .pg-lugas-lead p{margin:0 0 6px;font-size:14px;color:var(--soft);line-height:1.5}
body.tpl-lugas .pg-lugas-lead .tm{font-size:11.5px;color:var(--soft);font-weight:600}
body.tpl-lugas .pg-lugas-strip{list-style:none;margin:0;padding:0}
body.tpl-lugas .pg-lugas-strip li{border-top:1px solid #e4d9cb}
body.tpl-lugas .pg-lugas-strip li:first-child{border-top:0}
body.tpl-lugas .pg-lugas-strip a{display:block;padding:11px 0}
body.tpl-lugas .pg-lugas-strip .ti{display:block;font-size:15px;font-weight:700;line-height:1.3;margin:2px 0 3px}
body.tpl-lugas .pg-lugas-strip .tm{font-size:11px;color:var(--soft);font-weight:600}
body.tpl-lugas .pg-lugas-wire{column-count:2;column-gap:32px;margin-top:6px}
body.tpl-lugas .pg-lugas-sec{break-inside:avoid;margin:0 0 22px}
body.tpl-lugas .pg-lugas-sec.pg-lugas-editor{margin-top:8px}
body.tpl-lugas .pg-lugas-sech{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid var(--accent);padding-bottom:6px;margin-bottom:10px}
body.tpl-lugas .pg-lugas-sech h2{margin:0;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
body.tpl-lugas .pg-lugas-sech .more{margin-left:auto;font-size:11px;color:var(--soft);font-weight:700}
body.tpl-lugas .pg-lugas-secfeat{display:grid;grid-template-columns:96px 1fr;gap:11px;align-items:start;margin-bottom:10px}
body.tpl-lugas .pg-lugas-secfeat img{width:96px;height:64px;object-fit:cover;border-radius:3px}
body.tpl-lugas .pg-lugas-secfeat .ti{font-size:15px;font-weight:700;line-height:1.3}
body.tpl-lugas .pg-lugas-secfeat .tm{display:block;grid-column:2;font-size:11px;color:var(--soft);font-weight:600;margin-top:3px}
body.tpl-lugas .pg-lugas-links{list-style:none;margin:0;padding:0}
body.tpl-lugas .pg-lugas-links li{border-top:1px solid #e4d9cb}
body.tpl-lugas .pg-lugas-links a{display:flex;align-items:baseline;gap:8px;padding:8px 0}
body.tpl-lugas .pg-lugas-links .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}
body.tpl-lugas .pg-lugas-links .ti{flex:1;font-size:14px;font-weight:700;line-height:1.3}
body.tpl-lugas .pg-lugas-links .tm{font-size:10.5px;color:var(--soft);font-weight:600;white-space:nowrap}
body.tpl-lugas .pg-lugas-links.two{column-count:2;column-gap:28px}
body.tpl-lugas .pg-lugas-links.two li{break-inside:avoid}
body.tpl-lugas .pg-lugas-feed{list-style:none;margin:0;padding:0}
body.tpl-lugas .pg-lugas-feed li{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid #e4d9cb}
body.tpl-lugas .pg-lugas-feed li:first-child{border-top:0}
body.tpl-lugas .pg-lugas-feed .tm{font-size:11px;color:var(--soft);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
body.tpl-lugas .pg-lugas-feed a{display:block}
body.tpl-lugas .pg-lugas-feed .ti{display:block;font-size:15.5px;font-weight:700;line-height:1.3;margin-top:2px}
[data-theme=dark] body.tpl-lugas .pg-lugas-top{border-bottom-color:#3a2f22}
[data-theme=dark] body.tpl-lugas .pg-lugas-strip li,[data-theme=dark] body.tpl-lugas .pg-lugas-links li,[data-theme=dark] body.tpl-lugas .pg-lugas-feed li{border-color:#332a1f}
@media(max-width:760px){
  body.tpl-lugas .pg-lugas-top{grid-template-columns:1fr;gap:16px}
  body.tpl-lugas .pg-lugas-lead img{height:220px}
  body.tpl-lugas .pg-lugas-wire{column-count:1}
  body.tpl-lugas .pg-lugas-links.two{column-count:1}
  body.tpl-lugas .pg-lugas-feed li{grid-template-columns:1fr;gap:2px}
}

/* ===== PAGE LAYOUT: Warta (bbc.com) — promo grid modular blocky ===== */
body.tpl-warta .pg-warta-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:auto;gap:16px;margin-bottom:16px}
body.tpl-warta .pg-warta-lead{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-card,2px);overflow:hidden;border:1px solid var(--line)}
body.tpl-warta .pg-warta-lead img{width:100%;height:300px;object-fit:cover}
body.tpl-warta .pg-warta-lead .b{padding:14px 16px 16px}
body.tpl-warta .pg-warta-lead h2{margin:5px 0 7px;font-size:23px;font-weight:800;line-height:1.2}
body.tpl-warta .pg-warta-lead p{margin:0;font-size:14px;color:var(--soft);line-height:1.5}
body.tpl-warta .pg-warta-med{grid-column:2;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-card,2px);overflow:hidden;border:1px solid var(--line)}
body.tpl-warta .pg-warta-med img{width:100%;height:120px;object-fit:cover}
body.tpl-warta .pg-warta-med .b{padding:10px 12px 12px}
body.tpl-warta .pg-warta-med h3{margin:4px 0 0;font-size:15px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-pop{grid-column:3;grid-row:1 / span 2;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,2px);padding:12px 14px}
body.tpl-warta .pg-warta-pop .ph{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:7px;margin-bottom:6px}
body.tpl-warta .pg-warta-pop ol{list-style:none;margin:0;padding:0}
body.tpl-warta .pg-warta-pop li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}
body.tpl-warta .pg-warta-pop li:first-child{border-top:0}
body.tpl-warta .pg-warta-pop .rk{font-size:22px;font-weight:800;line-height:1;color:var(--accent);min-width:22px;font-family:Georgia,serif}
body.tpl-warta .pg-warta-pop a{font-size:13.5px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
body.tpl-warta .pg-warta-sm{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,2px);overflow:hidden}
body.tpl-warta .pg-warta-sm img{width:100%;height:110px;object-fit:cover}
body.tpl-warta .pg-warta-sm .b{padding:9px 11px 11px}
body.tpl-warta .pg-warta-sm h4{margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-h{display:flex;align-items:center;gap:10px;margin:24px 0 12px;border-bottom:1px solid var(--accent);padding-bottom:7px}
body.tpl-warta .pg-warta-h h2{margin:0;font-size:18px;font-weight:800;color:var(--accent)}
body.tpl-warta .pg-warta-h .more{margin-left:auto;font-size:12px;color:var(--soft);font-weight:700}
body.tpl-warta .pg-warta-mod{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;margin-bottom:6px}
body.tpl-warta .pg-warta-modfeat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,2px);overflow:hidden}
body.tpl-warta .pg-warta-modfeat img{width:100%;height:200px;object-fit:cover}
body.tpl-warta .pg-warta-modfeat .b{padding:12px 14px 14px}
body.tpl-warta .pg-warta-modfeat h3{margin:5px 0 6px;font-size:18px;font-weight:800;line-height:1.25}
body.tpl-warta .pg-warta-modfeat p{margin:0;font-size:13.5px;color:var(--soft);line-height:1.5}
body.tpl-warta .pg-warta-modlist{list-style:none;margin:0;padding:0}
body.tpl-warta .pg-warta-modlist li{border-top:1px solid var(--line);padding:10px 0}
body.tpl-warta .pg-warta-modlist li:first-child{border-top:0;padding-top:0}
body.tpl-warta .pg-warta-modlist a{font-size:15px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-vid{background:#000;border-radius:var(--radius-card,2px);overflow:hidden}
body.tpl-warta .pg-warta-vid iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
body.tpl-warta .pg-warta-vid .b{background:#fff;padding:9px 11px;font-size:13.5px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-latest{list-style:none;margin:0;padding:0}
body.tpl-warta .pg-warta-latest li{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}
body.tpl-warta .pg-warta-latest li:first-child{border-top:0}
body.tpl-warta .pg-warta-latest .im img{width:120px;height:78px;object-fit:cover;border-radius:var(--radius-card,2px)}
body.tpl-warta .pg-warta-latest h3{margin:4px 0 5px;font-size:16px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-latest .tm{font-size:11px}
[data-theme=dark] body.tpl-warta .pg-warta-lead,[data-theme=dark] body.tpl-warta .pg-warta-med,[data-theme=dark] body.tpl-warta .pg-warta-sm,[data-theme=dark] body.tpl-warta .pg-warta-pop,[data-theme=dark] body.tpl-warta .pg-warta-modfeat,[data-theme=dark] body.tpl-warta .pg-warta-vid .b{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-warta .pg-warta-pop li,[data-theme=dark] body.tpl-warta .pg-warta-modlist li,[data-theme=dark] body.tpl-warta .pg-warta-latest li{border-color:#2b2f36}
@media(max-width:900px){
  body.tpl-warta .pg-warta-grid{grid-template-columns:1fr 1fr}
  body.tpl-warta .pg-warta-lead{grid-column:1 / span 2;grid-row:auto}
  body.tpl-warta .pg-warta-med{grid-column:auto}
  body.tpl-warta .pg-warta-pop{grid-column:1 / span 2;grid-row:auto}
}
@media(max-width:760px){
  body.tpl-warta .pg-warta-grid{grid-template-columns:1fr}
  body.tpl-warta .pg-warta-lead,body.tpl-warta .pg-warta-med,body.tpl-warta .pg-warta-pop{grid-column:1}
  body.tpl-warta .pg-warta-lead img{height:220px}
  body.tpl-warta .pg-warta-row{grid-template-columns:repeat(2,1fr)}
  body.tpl-warta .pg-warta-mod{grid-template-columns:1fr}
  body.tpl-warta .pg-warta-latest li{grid-template-columns:96px 1fr;gap:11px}
  body.tpl-warta .pg-warta-latest .im img{width:96px;height:64px}
}

/* ===== PAGE LAYOUT: Lensa (narasi.tv) — video-first sinematik (gelap) ===== */
body.tpl-lensa .pg-lensa-hero{position:relative;display:block;border-radius:var(--radius-card,10px);overflow:hidden;margin-bottom:18px;background:#000}
body.tpl-lensa .pg-lensa-hero img{width:100%;height:380px;object-fit:cover;opacity:.82}
body.tpl-lensa .pg-lensa-hero .b{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff}
body.tpl-lensa .pg-lensa-hero h2{margin:6px 0 7px;font-size:28px;font-weight:800;line-height:1.18;max-width:760px}
body.tpl-lensa .pg-lensa-hero p{margin:0;font-size:14.5px;color:#cfd4dd;line-height:1.5;max-width:680px}
body.tpl-lensa .pg-lensa-hero .ps-cat-tag{color:var(--accent)}
body.tpl-lensa .pg-lensa-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:background .15s}
body.tpl-lensa .pg-lensa-hero:hover .pg-lensa-play{background:var(--accent);border-color:var(--accent)}
body.tpl-lensa .pg-lensa-play>span{color:#fff;font-size:26px;padding-left:5px;line-height:1}
body.tpl-lensa .pg-lensa-play.sm{width:42px;height:42px;border-width:2px}
body.tpl-lensa .pg-lensa-play.sm>span{font-size:14px;padding-left:3px}
body.tpl-lensa .pg-lensa-h{display:flex;align-items:center;gap:10px;margin:26px 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(128,128,128,.28)}
body.tpl-lensa .pg-lensa-h .bar{width:5px;height:20px;background:var(--accent);border-radius:2px}
body.tpl-lensa .pg-lensa-h h2{margin:0;font-size:18px;font-weight:800}
body.tpl-lensa .pg-lensa-h .more{margin-left:auto;font-size:12px;color:var(--soft);font-weight:700}
body.tpl-lensa .pg-lensa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.tpl-lensa .pg-lensa-vcard{display:block;background:#13151b;border-radius:var(--radius-card,10px);overflow:hidden;color:#fff}
body.tpl-lensa .pg-lensa-vcard .scr{position:relative;aspect-ratio:16/9;background:#000}
body.tpl-lensa .pg-lensa-vcard .scr iframe{width:100%;height:100%;border:0;display:block}
body.tpl-lensa .pg-lensa-vcard .scr img{width:100%;height:100%;object-fit:cover}
body.tpl-lensa .pg-lensa-vcard .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px}
body.tpl-lensa .pg-lensa-vcard .b{padding:11px 13px 13px}
body.tpl-lensa .pg-lensa-vcard .badge{display:inline-block;font-size:10.5px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
body.tpl-lensa .pg-lensa-vcard h3{margin:0;font-size:15px;font-weight:700;line-height:1.32;color:#fff}
body.tpl-lensa a.pg-lensa-vcard:hover h3{color:var(--accent)}
body.tpl-lensa .pg-lensa-rail{display:grid;grid-auto-flow:column;grid-auto-columns:240px;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
body.tpl-lensa .pg-lensa-clip{scroll-snap-align:start}
body.tpl-lensa .pg-lensa-clip .scr{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-card,10px);overflow:hidden;background:#000}
body.tpl-lensa .pg-lensa-clip .scr img{width:100%;height:100%;object-fit:cover}
body.tpl-lensa .pg-lensa-clip h4{margin:9px 0 0;font-size:13.5px;font-weight:700;line-height:1.32}
body.tpl-lensa .pg-lensa-clip .pg-lensa-play.sm{width:36px;height:36px}
body.tpl-lensa .pg-lensa-clip .pg-lensa-play.sm>span{font-size:12px}
body.tpl-lensa .pg-lensa-list{display:flex;flex-direction:column;gap:14px}
body.tpl-lensa .pg-lensa-row{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center}
body.tpl-lensa .pg-lensa-row .scr{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-card,10px);overflow:hidden;background:#000}
body.tpl-lensa .pg-lensa-row .scr img{width:100%;height:100%;object-fit:cover}
body.tpl-lensa .pg-lensa-row h3{margin:4px 0 5px;font-size:16px;font-weight:700;line-height:1.3}
body.tpl-lensa .pg-lensa-row .tm{font-size:11.5px;color:var(--soft);font-weight:600}
@media(max-width:760px){
  body.tpl-lensa .pg-lensa-hero img{height:240px}
  body.tpl-lensa .pg-lensa-hero h2{font-size:20px}
  body.tpl-lensa .pg-lensa-play{width:58px;height:58px}
  body.tpl-lensa .pg-lensa-play>span{font-size:20px}
  body.tpl-lensa .pg-lensa-grid{grid-template-columns:1fr;gap:14px}
  body.tpl-lensa .pg-lensa-rail{grid-auto-columns:200px}
  body.tpl-lensa .pg-lensa-row{grid-template-columns:120px 1fr;gap:11px}
}


/* ============================================================
   LAYOUT HALAMAN PENUH per template (page-<key>.blade.php) — CSS struktur.
   Tiap blok di-scope ke body.tpl-<key>. (ekspansi 22 tema sesuai situs acuan)
   ============================================================ */
/* ===== SINDO layout — portal padat: lead + rail nomor, band kanal 5-kolom rapat ===== */
body.tpl-sindo .pg-sindo-top{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:20px;padding-bottom:18px;border-bottom:3px solid var(--accent)}
@media(max-width:760px){body.tpl-sindo .pg-sindo-top{grid-template-columns:1fr;gap:16px}}
body.tpl-sindo .pg-sindo-lead img{width:100%;height:330px;object-fit:cover;border-radius:3px;margin-bottom:9px}
@media(max-width:760px){body.tpl-sindo .pg-sindo-lead img{height:220px}}
body.tpl-sindo .pg-sindo-lead h2{font-family:var(--font-head);font-weight:900;font-size:25px;line-height:1.18;letter-spacing:-.4px;margin:5px 0 6px}
body.tpl-sindo .pg-sindo-railhead{font-family:var(--font-head);font-weight:900;text-transform:uppercase;letter-spacing:.4px;font-size:14px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:6px;margin-bottom:4px}
body.tpl-sindo .pg-sindo-num{list-style:none;margin:0;padding:0}
body.tpl-sindo .pg-sindo-num li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}
body.tpl-sindo .pg-sindo-num li:last-child{border-bottom:0}
body.tpl-sindo .pg-sindo-num .n{font-family:var(--font-head);font-weight:900;font-size:21px;line-height:1;color:var(--accent);flex:none;width:22px;text-align:center}
body.tpl-sindo .pg-sindo-num h4{margin:0 0 3px;font-size:14px;font-weight:800;line-height:1.25}
body.tpl-sindo .pg-sindo-num .t{font-size:11px}

/* Band head (bar judul kanal) */
body.tpl-sindo .pg-sindo-bandhead{display:flex;align-items:center;gap:10px;margin:22px 0 11px;border-left:6px solid var(--accent);padding-left:10px}
body.tpl-sindo .pg-sindo-bandhead h2{margin:0;font-family:var(--font-head);font-weight:900;text-transform:uppercase;letter-spacing:-.2px;font-size:18px}
body.tpl-sindo .pg-sindo-bandhead .more{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--soft)}

/* Terpopuler — baris nomor padat */
body.tpl-sindo .pg-sindo-popgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-bottom:6px}
@media(max-width:760px){body.tpl-sindo .pg-sindo-popgrid{grid-template-columns:1fr}}
body.tpl-sindo .pg-sindo-pop{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-right:1px solid var(--line)}
body.tpl-sindo .pg-sindo-pop:nth-child(5n){border-right:0}
@media(max-width:760px){body.tpl-sindo .pg-sindo-pop{border-right:0;border-bottom:1px solid var(--line)}body.tpl-sindo .pg-sindo-pop:last-child{border-bottom:0}}
body.tpl-sindo .pg-sindo-pop .n{font-family:var(--font-head);font-weight:900;font-size:24px;line-height:.9;color:var(--accent);flex:none}
body.tpl-sindo .pg-sindo-pop .tx{font-size:13px;font-weight:700;line-height:1.28}

/* Band kanal — 5 kolom rapat, sel pertama punya gambar */
body.tpl-sindo .pg-sindo-band{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:980px){body.tpl-sindo .pg-sindo-band{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body.tpl-sindo .pg-sindo-band{grid-template-columns:repeat(2,1fr);gap:11px}}
body.tpl-sindo .pg-sindo-cell{display:block;border-top:2px solid var(--accent);padding-top:8px}
body.tpl-sindo .pg-sindo-cell img{width:100%;height:110px;object-fit:cover;border-radius:3px;margin-bottom:7px}
body.tpl-sindo .pg-sindo-cell.lead{grid-row:span 1}
body.tpl-sindo .pg-sindo-cell h4{margin:0 0 4px;font-size:13.5px;font-weight:800;line-height:1.24;letter-spacing:-.2px}
body.tpl-sindo .pg-sindo-cell.lead h4{font-size:15px}
body.tpl-sindo .pg-sindo-cell .t{font-size:10.5px}

/* Editor — grid kompak 4-kolom */
body.tpl-sindo .pg-sindo-edgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:760px){body.tpl-sindo .pg-sindo-edgrid{grid-template-columns:repeat(2,1fr)}}
body.tpl-sindo .pg-sindo-ed img{width:100%;height:115px;object-fit:cover;border-radius:3px;margin-bottom:7px}
body.tpl-sindo .pg-sindo-ed h4{margin:0;font-size:13.5px;font-weight:800;line-height:1.24}

/* Terbaru — daftar judul 2-kolom padat */
body.tpl-sindo .pg-sindo-feed{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
@media(max-width:760px){body.tpl-sindo .pg-sindo-feed{grid-template-columns:1fr}}
body.tpl-sindo .pg-sindo-frow{display:block;padding:10px 0;border-bottom:1px dashed var(--line)}
body.tpl-sindo .pg-sindo-frow h4{margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.26}
body.tpl-sindo .pg-sindo-frow .t{font-size:11px}

[data-theme=dark] body.tpl-sindo .pg-sindo-num li,[data-theme=dark] body.tpl-sindo .pg-sindo-popgrid,[data-theme=dark] body.tpl-sindo .pg-sindo-pop,[data-theme=dark] body.tpl-sindo .pg-sindo-frow{border-color:#2b2f36}

/* ===== REPUBLIK layout — broadsheet tenang: lead feature besar + daftar judul 2-kolom ===== */
body.tpl-republik .pg-rep-lead{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start;margin-bottom:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}
@media(max-width:760px){body.tpl-republik .pg-rep-lead{grid-template-columns:1fr;gap:14px}}
body.tpl-republik .pg-rep-lead img{width:100%;height:300px;object-fit:cover;border-radius:5px}
@media(max-width:760px){body.tpl-republik .pg-rep-lead img{height:220px}}
body.tpl-republik .pg-rep-lead-tx h2{font-family:var(--font-head);font-weight:800;font-size:29px;line-height:1.24;letter-spacing:-.3px;margin:7px 0 12px}
@media(max-width:760px){body.tpl-republik .pg-rep-lead-tx h2{font-size:23px}}
body.tpl-republik .pg-rep-lead-tx p{font-size:15.5px;line-height:1.75;color:var(--soft);margin:0 0 12px}

/* 2 sub-feature di bawah lead */
body.tpl-republik .pg-rep-sub{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:6px;padding-bottom:18px;border-bottom:1px solid var(--line)}
@media(max-width:760px){body.tpl-republik .pg-rep-sub{grid-template-columns:1fr;gap:16px}}
body.tpl-republik .pg-rep-subitem h3{font-family:var(--font-head);font-weight:700;font-size:20px;line-height:1.32;margin:5px 0 6px}
body.tpl-republik .pg-rep-subitem .t{font-size:12px}

/* Daftar judul 2-kolom (Terbaru / kanal) — dignified, mostly text */
body.tpl-republik .pg-rep-list{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-bottom:8px}
@media(max-width:760px){body.tpl-republik .pg-rep-list{grid-template-columns:1fr}}
body.tpl-republik .pg-rep-row{display:block;padding:15px 0;border-bottom:1px solid var(--line)}
body.tpl-republik .pg-rep-row h3{font-family:var(--font-head);font-weight:700;font-size:19px;line-height:1.36;margin:0 0 5px}
body.tpl-republik .pg-rep-row .t{font-size:12px}
body.tpl-republik .pg-rep-row.wide{grid-column:1/-1}
body.tpl-republik .pg-rep-row.wide p{font-size:14.5px;line-height:1.7;color:var(--soft);margin:5px 0 6px;max-width:70ch}
body.tpl-republik .pg-rep-row:hover h3{color:var(--accent)}

[data-theme=dark] body.tpl-republik .pg-rep-lead,[data-theme=dark] body.tpl-republik .pg-rep-sub,[data-theme=dark] body.tpl-republik .pg-rep-row{border-color:#2b2f36}

/* ===== NETRAL layout — bersih minimalis: lead + 3 sekunder, daftar thumb, satu strip kanal ===== */
body.tpl-netral .pg-net-lead{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:center;margin-bottom:26px}
@media(max-width:760px){body.tpl-netral .pg-net-lead{grid-template-columns:1fr;gap:14px}}
body.tpl-netral .pg-net-lead img{width:100%;height:340px;object-fit:cover;border-radius:2px}
@media(max-width:760px){body.tpl-netral .pg-net-lead img{height:230px}}
body.tpl-netral .pg-net-lead-tx h2{font-family:var(--font-head);font-weight:700;font-size:27px;line-height:1.26;margin:8px 0 12px}
@media(max-width:760px){body.tpl-netral .pg-net-lead-tx h2{font-size:22px}}
body.tpl-netral .pg-net-lead-tx p{font-size:15px;line-height:1.7;color:var(--soft);margin:0 0 12px}

/* 3 sekunder di bawah lead */
body.tpl-netral .pg-net-secrow{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}
@media(max-width:760px){body.tpl-netral .pg-net-secrow{grid-template-columns:1fr;gap:18px}}
body.tpl-netral .pg-net-sec img{width:100%;height:150px;object-fit:cover;border-radius:2px;margin-bottom:9px}
body.tpl-netral .pg-net-sec h3{font-family:var(--font-head);font-weight:700;font-size:17px;line-height:1.34;margin:5px 0 0}

/* Section head minimalis (tanpa bar) */
body.tpl-netral .pg-net-h{display:flex;align-items:baseline;gap:10px;margin:30px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--line)}
body.tpl-netral .pg-net-h h2{margin:0;font-family:var(--font-head);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1.4px}
body.tpl-netral .pg-net-h .more{margin-left:auto;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--soft);font-weight:600}

/* Terkini — daftar thumb kiri kecil, pembatas tipis, lapang */
body.tpl-netral .pg-net-list{display:flex;flex-direction:column}
body.tpl-netral .pg-net-item{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
body.tpl-netral .pg-net-item:last-child{border-bottom:0}
body.tpl-netral .pg-net-item img{width:120px;height:80px;object-fit:cover;border-radius:2px;flex:none}
@media(max-width:760px){body.tpl-netral .pg-net-item img{width:96px;height:66px}}
body.tpl-netral .pg-net-item .tx h3{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:1.34;margin:5px 0 6px}
@media(max-width:760px){body.tpl-netral .pg-net-item .tx h3{font-size:15px}}
body.tpl-netral .pg-net-item .tx .t{font-size:12px}
body.tpl-netral .pg-net-item:hover h3{color:var(--accent)}

/* Satu strip highlight kanal: feature besar + 3 judul samping */
body.tpl-netral .pg-net-strip{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
@media(max-width:760px){body.tpl-netral .pg-net-strip{grid-template-columns:1fr;gap:18px}}
body.tpl-netral .pg-net-stripfeat img{width:100%;height:230px;object-fit:cover;border-radius:2px;margin-bottom:10px}
body.tpl-netral .pg-net-stripfeat h3{font-family:var(--font-head);font-weight:700;font-size:22px;line-height:1.3;margin:0 0 8px}
body.tpl-netral .pg-net-stripfeat p{font-size:14.5px;line-height:1.7;color:var(--soft);margin:0}
body.tpl-netral .pg-net-stripside{display:flex;flex-direction:column}
body.tpl-netral .pg-net-stripitem{display:block;padding:13px 0;border-bottom:1px solid var(--line)}
body.tpl-netral .pg-net-stripitem:first-child{padding-top:0}
body.tpl-netral .pg-net-stripitem:last-child{border-bottom:0}
body.tpl-netral .pg-net-stripitem h4{font-family:var(--font-head);font-weight:700;font-size:16px;line-height:1.34;margin:0 0 4px}
body.tpl-netral .pg-net-stripitem .t{font-size:11.5px}

[data-theme=dark] body.tpl-netral .pg-net-secrow,[data-theme=dark] body.tpl-netral .pg-net-h,[data-theme=dark] body.tpl-netral .pg-net-item,[data-theme=dark] body.tpl-netral .pg-net-stripitem{border-color:#2b2f36}

/* ===== AYO layout — hyperlocal card-forward: lead kaca, scroller chip trending, grid kartu membulat ===== */
body.tpl-ayo .pg-ayo-lead{position:relative;display:block;border-radius:16px;overflow:hidden;margin-bottom:16px}
body.tpl-ayo .pg-ayo-lead img{width:100%;height:380px;object-fit:cover}
@media(max-width:760px){body.tpl-ayo .pg-ayo-lead img{height:240px}}
body.tpl-ayo .pg-ayo-lead .cap{position:absolute;left:0;right:0;bottom:0;padding:24px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff}
body.tpl-ayo .pg-ayo-lead .cap .ps-cat-tag{background:var(--accent);color:#fff;border-radius:20px;padding:4px 13px}
body.tpl-ayo .pg-ayo-lead .cap h2{font-family:var(--font-head);font-weight:800;font-size:28px;line-height:1.2;margin:8px 0 6px;color:#fff}
@media(max-width:760px){body.tpl-ayo .pg-ayo-lead .cap h2{font-size:20px}}
body.tpl-ayo .pg-ayo-lead .cap .meta{font-size:12.5px;opacity:.85}

/* Trending — scroller chip mendatar */
body.tpl-ayo .pg-ayo-trend{display:flex;align-items:center;gap:12px;margin-bottom:22px}
body.tpl-ayo .pg-ayo-trend-lbl{flex:none;font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--accent)}
body.tpl-ayo .pg-ayo-chips{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}
body.tpl-ayo .pg-ayo-chip{flex:none;display:inline-flex;align-items:center;gap:8px;max-width:300px;background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:8px 15px 8px 8px;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tpl-ayo .pg-ayo-chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
body.tpl-ayo .pg-ayo-chip .n{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:12px}
body.tpl-ayo .pg-ayo-chip:hover .n{background:#fff;color:var(--accent)}

/* Terbaru — grid kartu 2-kolom membulat melayang */
body.tpl-ayo .pg-ayo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:760px){body.tpl-ayo .pg-ayo-grid{grid-template-columns:1fr}}
body.tpl-ayo .pg-ayo-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px rgba(25,30,50,.09);transition:transform .15s,box-shadow .15s}
body.tpl-ayo .pg-ayo-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(25,30,50,.15)}
body.tpl-ayo .pg-ayo-card img{width:100%;height:200px;object-fit:cover}
body.tpl-ayo .pg-ayo-card .bd{padding:14px 16px 16px}
body.tpl-ayo .pg-ayo-card .ps-cat-tag{background:var(--accent);color:#fff;border-radius:20px;padding:3px 12px}
body.tpl-ayo .pg-ayo-card h3{font-family:var(--font-head);font-weight:800;font-size:18px;line-height:1.28;margin:9px 0 6px}
body.tpl-ayo .pg-ayo-card p{font-size:13.5px;line-height:1.55;color:var(--soft);margin:0 0 8px}
body.tpl-ayo .pg-ayo-card .t{font-size:11.5px}

/* Baris kanal — kartu membulat 3-kolom kecil tanpa excerpt */
body.tpl-ayo .pg-ayo-catrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){body.tpl-ayo .pg-ayo-catrow{grid-template-columns:1fr}}
body.tpl-ayo .pg-ayo-card.sm img{height:150px}
body.tpl-ayo .pg-ayo-card.sm h3{font-size:16px;margin:0 0 5px}

[data-theme=dark] body.tpl-ayo .pg-ayo-card{background:#1b1e24;box-shadow:none;border:1px solid #2b2f36}
[data-theme=dark] body.tpl-ayo .pg-ayo-chip{background:#23262e;border-color:#2b2f36}

/* ===== Kanal (kumparan) — story feed satu kolom ===== */
body.tpl-kanal .pg-kanal-lead{display:block;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);margin-bottom:22px}
body.tpl-kanal .pg-kanal-lead-img img{width:100%;height:360px;object-fit:cover;display:block}
body.tpl-kanal .pg-kanal-lead-body{padding:18px 20px 20px}
body.tpl-kanal .pg-kanal-lead-body h2{margin:8px 0 10px;font-size:27px;font-weight:800;line-height:1.22}
body.tpl-kanal .pg-kanal-ex{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:var(--soft)}
body.tpl-kanal .pg-kanal-meta{font-size:12.5px}

/* Feed: kartu horizontal, thumb kiri ~40% */
body.tpl-kanal .pg-kanal-feed{display:flex;flex-direction:column;gap:0;margin-bottom:10px}
body.tpl-kanal .pg-kanal-row{display:grid;grid-template-columns:40% 1fr;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
body.tpl-kanal .pg-kanal-row:first-child{padding-top:4px}
body.tpl-kanal .pg-kanal-row-img img{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block}
body.tpl-kanal .pg-kanal-row-body h3{margin:6px 0 6px;font-size:18px;font-weight:800;line-height:1.3}
body.tpl-kanal .pg-kanal-row-ex{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--soft)}
body.tpl-kanal .pg-kanal-row:hover h3{color:var(--accent)}

/* Video grid */
body.tpl-kanal .pg-kanal-vids{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
body.tpl-kanal .pg-kanal-vid{background:#000;border-radius:12px;overflow:hidden}
body.tpl-kanal .pg-kanal-vid iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
body.tpl-kanal .pg-kanal-vid .t{padding:9px 12px;font-size:13px;font-weight:700;color:#fff;background:#111}

/* Dark-safe */
[data-theme=dark] body.tpl-kanal .pg-kanal-lead{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-kanal .pg-kanal-row{border-bottom-color:#2b2f36}
[data-theme=dark] body.tpl-kanal .pg-kanal-vid,[data-theme=dark] body.tpl-kanal .pg-kanal-vid .t{background:#0e1014}

@media(max-width:760px){
  body.tpl-kanal .pg-kanal-lead-img img{height:220px}
  body.tpl-kanal .pg-kanal-lead-body h2{font-size:21px}
  body.tpl-kanal .pg-kanal-row{grid-template-columns:42% 1fr;gap:12px}
  body.tpl-kanal .pg-kanal-row-img img{height:92px}
  body.tpl-kanal .pg-kanal-row-body h3{font-size:15px}
  body.tpl-kanal .pg-kanal-row-ex{display:none}
  body.tpl-kanal .pg-kanal-vids{grid-template-columns:1fr}
}

/* ===== Idé (idntimes) — magazine grid youthful ===== */
/* Hero 2-up */
body.tpl-ide .pg-ide-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
body.tpl-ide .pg-ide-feat{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
body.tpl-ide .pg-ide-feat-img img{width:100%;height:240px;object-fit:cover;display:block}
body.tpl-ide .pg-ide-feat-body{padding:15px 16px 17px}
body.tpl-ide .pg-ide-feat-body h2{margin:8px 0 6px;font-size:20px;font-weight:800;line-height:1.28}
body.tpl-ide .pg-ide-feat:hover h2{color:var(--accent)}
body.tpl-ide .pg-ide-meta{font-size:12px}

/* Pill kategori */
body.tpl-ide .pg-ide-pill{display:inline-block;background:var(--accent);color:#fff;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:4px 10px;border-radius:12px}
body.tpl-ide .pg-ide-pill.abs{position:absolute;left:10px;top:10px}

/* Grid magazine 3-kolom */
body.tpl-ide .pg-ide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 18px;margin-bottom:8px}
body.tpl-ide .pg-ide-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:14px}
body.tpl-ide .pg-ide-card-img{position:relative}
body.tpl-ide .pg-ide-card-img img{width:100%;height:160px;object-fit:cover;display:block}
body.tpl-ide .pg-ide-card h3{margin:11px 14px 5px;font-size:16px;font-weight:800;line-height:1.3}
body.tpl-ide .pg-ide-card .pg-ide-meta{margin:0 14px}
body.tpl-ide .pg-ide-card:hover h3{color:var(--accent)}

/* Scroller horizontal (trending + video) */
body.tpl-ide .pg-ide-scroller{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scroll-snap-type:x mandatory}
body.tpl-ide .pg-ide-trend{flex:0 0 220px;scroll-snap-align:start}
body.tpl-ide .pg-ide-trend-img{position:relative;border-radius:12px;overflow:hidden}
body.tpl-ide .pg-ide-trend-img img{width:100%;height:130px;object-fit:cover;display:block}
body.tpl-ide .pg-ide-num{position:absolute;left:8px;bottom:8px;font-family:Nunito,sans-serif;font-weight:900;font-size:30px;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.6)}
body.tpl-ide .pg-ide-trend h4{margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.3}
body.tpl-ide .pg-ide-vid{flex:0 0 300px;scroll-snap-align:start;background:#000;border-radius:12px;overflow:hidden}
body.tpl-ide .pg-ide-vid iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
body.tpl-ide .pg-ide-vid .t{padding:8px 11px;font-size:12.5px;font-weight:700;color:#fff;background:#111}

/* Dark-safe */
[data-theme=dark] body.tpl-ide .pg-ide-feat,[data-theme=dark] body.tpl-ide .pg-ide-card{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-ide .pg-ide-vid{background:#0e1014}
[data-theme=dark] body.tpl-ide .pg-ide-vid .t{background:#0e1014}

@media(max-width:760px){
  body.tpl-ide .pg-ide-hero{grid-template-columns:1fr}
  body.tpl-ide .pg-ide-feat-img img{height:200px}
  body.tpl-ide .pg-ide-grid{grid-template-columns:1fr 1fr;gap:14px}
  body.tpl-ide .pg-ide-card h3{font-size:14px}
  body.tpl-ide .pg-ide-card-img img{height:120px}
}
@media(max-width:430px){
  body.tpl-ide .pg-ide-grid{grid-template-columns:1fr}
}

/* ===== Muda (gen-z playful) — kartu membulat melayang ===== */
/* Hero kartu membulat besar */
body.tpl-muda .pg-muda-hero{display:block;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.10);margin-bottom:24px}
body.tpl-muda .pg-muda-hero-img img{width:100%;height:340px;object-fit:cover;display:block}
body.tpl-muda .pg-muda-hero-cap{padding:20px 24px 24px}
body.tpl-muda .pg-muda-hero-cap h2{margin:10px 0 8px;font-size:26px;font-weight:800;line-height:1.24}
body.tpl-muda .pg-muda-hero-cap p{margin:0;font-size:15px;line-height:1.6;color:var(--soft)}
body.tpl-muda .pg-muda-hero:hover h2{color:var(--accent)}

/* Pill */
body.tpl-muda .pg-muda-pill{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:5px 13px;border-radius:14px}
body.tpl-muda .pg-muda-pill.sm{font-size:10px;padding:4px 10px}

/* Awan chip topik */
body.tpl-muda .pg-muda-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
body.tpl-muda .pg-muda-topic{background:var(--bg);border:1.5px solid var(--line);border-radius:22px;padding:9px 16px;font-size:13.5px;font-weight:700;color:var(--ink)}
body.tpl-muda .pg-muda-topic:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}
body.tpl-muda .pg-muda-topic.alt{background:transparent}

/* Grid 2-kolom kartu membulat melayang */
body.tpl-muda .pg-muda-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:8px}
body.tpl-muda .pg-muda-card{display:block;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .15s ease}
body.tpl-muda .pg-muda-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.13)}
body.tpl-muda .pg-muda-card-img img{width:100%;height:200px;object-fit:cover;display:block}
body.tpl-muda .pg-muda-card-body{padding:16px 18px 18px}
body.tpl-muda .pg-muda-card-body h3{margin:9px 0 6px;font-size:19px;font-weight:800;line-height:1.3}
body.tpl-muda .pg-muda-card-body p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--soft)}
body.tpl-muda .pg-muda-card:hover h3{color:var(--accent)}
body.tpl-muda .pg-muda-meta{font-size:12px}

/* Video sebagai kartu membulat */
body.tpl-muda .pg-muda-vid{background:#000;border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.08)}
body.tpl-muda .pg-muda-vid iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
body.tpl-muda .pg-muda-vid .t{padding:11px 16px;font-size:13.5px;font-weight:700;color:#fff;background:#111}

/* Dark-safe */
[data-theme=dark] body.tpl-muda .pg-muda-hero,[data-theme=dark] body.tpl-muda .pg-muda-card{background:#1b1e24;box-shadow:0 8px 26px rgba(0,0,0,.5)}
[data-theme=dark] body.tpl-muda .pg-muda-topic{background:#1b1e24;border-color:#2b2f36;color:var(--ink)}
[data-theme=dark] body.tpl-muda .pg-muda-vid{background:#0e1014;box-shadow:0 8px 26px rgba(0,0,0,.5)}
[data-theme=dark] body.tpl-muda .pg-muda-vid .t{background:#0e1014}

@media(max-width:760px){
  body.tpl-muda .pg-muda-hero-img img{height:220px}
  body.tpl-muda .pg-muda-hero-cap h2{font-size:21px}
  body.tpl-muda .pg-muda-grid{grid-template-columns:1fr;gap:18px}
  body.tpl-muda .pg-muda-card-body h3{font-size:17px}
}

/* ===== WIBAWA page (nytimes.com front page) — indeks kanal 3-kolom garis vertikal ===== */
body.tpl-wibawa .pg-wibawa-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 8px;border-top:1px solid var(--ink)}
body.tpl-wibawa .pg-wibawa-col{padding:16px 20px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
body.tpl-wibawa .pg-wibawa-col:nth-child(3n+1){border-left:0;padding-left:0}
body.tpl-wibawa .pg-wibawa-col:nth-child(3n){padding-right:0}
body.tpl-wibawa .pg-wibawa-secthd{display:block;font-family:var(--font-head);font-weight:800;text-transform:uppercase;letter-spacing:.7px;font-size:13px;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:7px;margin-bottom:12px}
body.tpl-wibawa .pg-wibawa-feat{display:block;margin-bottom:13px}
body.tpl-wibawa .pg-wibawa-feat img{width:100%;height:150px;object-fit:cover;border:1px solid var(--line);margin-bottom:8px}
body.tpl-wibawa .pg-wibawa-feat h3{font-family:var(--font-head);font-size:19px;line-height:1.24;font-weight:800;margin:0 0 6px;color:var(--ink)}
body.tpl-wibawa .pg-wibawa-feat p{font-family:var(--font-head);font-size:14px;line-height:1.6;color:var(--soft);margin:0}
body.tpl-wibawa .pg-wibawa-feat:hover h3{color:var(--accent)}
body.tpl-wibawa .pg-wibawa-link{display:block;border-top:1px solid var(--line);padding:9px 0}
body.tpl-wibawa .pg-wibawa-link h4{font-family:var(--font-head);font-size:15px;line-height:1.32;font-weight:700;margin:0 0 3px;color:var(--ink)}
body.tpl-wibawa .pg-wibawa-link:hover h4{color:var(--accent)}
body.tpl-wibawa .pg-wibawa-by{display:block;font-size:11px;color:var(--soft);text-transform:uppercase;letter-spacing:.4px}
/* Editorial & Opini — 3 kolom rangkap garis */
body.tpl-wibawa .pg-wibawa-op{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:3px double var(--ink);border-bottom:3px double var(--ink)}
body.tpl-wibawa .pg-wibawa-opitem{display:block;padding:16px 20px;border-left:1px solid var(--line)}
body.tpl-wibawa .pg-wibawa-opitem:first-child{border-left:0;padding-left:0}
body.tpl-wibawa .pg-wibawa-opitem:last-child{padding-right:0}
body.tpl-wibawa .pg-wibawa-opitem h3{font-family:var(--font-head);font-size:20px;line-height:1.24;font-weight:800;font-style:italic;margin:6px 0 8px;color:var(--ink)}
body.tpl-wibawa .pg-wibawa-opitem p{font-family:var(--font-head);font-size:14px;line-height:1.62;color:var(--soft);margin:0 0 8px}
body.tpl-wibawa .pg-wibawa-opitem:hover h3{color:var(--accent)}
/* Terbaru — 2 kolom koran */
body.tpl-wibawa .pg-wibawa-latest{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
body.tpl-wibawa .pg-wibawa-lit{display:block;border-bottom:1px solid var(--line);padding:13px 0}
body.tpl-wibawa .pg-wibawa-lit h3{font-family:var(--font-head);font-size:17px;line-height:1.28;font-weight:700;margin:4px 0 4px;color:var(--ink)}
body.tpl-wibawa .pg-wibawa-lit:hover h3{color:var(--accent)}
@media(max-width:760px){
  body.tpl-wibawa .pg-wibawa-index,body.tpl-wibawa .pg-wibawa-op,body.tpl-wibawa .pg-wibawa-latest{grid-template-columns:1fr}
  body.tpl-wibawa .pg-wibawa-col,body.tpl-wibawa .pg-wibawa-opitem{border-left:0;padding:14px 0}
  body.tpl-wibawa .pg-wibawa-col:nth-child(3n+1),body.tpl-wibawa .pg-wibawa-opitem:first-child{padding-left:0}
}
[data-theme=dark] body.tpl-wibawa .pg-wibawa-index{border-top-color:#cfd3da}
[data-theme=dark] body.tpl-wibawa .pg-wibawa-col,[data-theme=dark] body.tpl-wibawa .pg-wibawa-link,[data-theme=dark] body.tpl-wibawa .pg-wibawa-lit,[data-theme=dark] body.tpl-wibawa .pg-wibawa-opitem{border-color:#2b2f36}
[data-theme=dark] body.tpl-wibawa .pg-wibawa-feat img{border-color:#2b2f36}
[data-theme=dark] body.tpl-wibawa .pg-wibawa-secthd{border-bottom-color:#cfd3da;color:var(--ink)}
[data-theme=dark] body.tpl-wibawa .pg-wibawa-op{border-top-color:#cfd3da;border-bottom-color:#cfd3da}

/* ===== POS page (thejakartapost.com) — lead band + indeks 3-kolom + Most Read bernomor ===== */
body.tpl-pos .pg-pos-band{display:grid;grid-template-columns:1.7fr 1fr;gap:0;margin-bottom:20px;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);padding:16px 0}
body.tpl-pos .pg-pos-lead{display:block;padding-right:24px;border-right:1px solid var(--line)}
body.tpl-pos .pg-pos-lead h2{font-family:var(--font-head);font-size:30px;line-height:1.16;font-weight:800;letter-spacing:-.3px;margin:7px 0 12px;color:var(--ink)}
body.tpl-pos .pg-pos-lead img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line)}
body.tpl-pos .pg-pos-lead p{font-family:var(--font-head);font-size:15.5px;line-height:1.72;color:var(--soft);margin:12px 0 8px}
body.tpl-pos .pg-pos-lead:hover h2{color:var(--accent)}
body.tpl-pos .pg-pos-by{display:block;font-size:11.5px;color:var(--soft);text-transform:uppercase;letter-spacing:.5px}
body.tpl-pos .pg-pos-sec{display:flex;flex-direction:column;padding-left:24px}
body.tpl-pos .pg-pos-secitem{display:block;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
body.tpl-pos .pg-pos-secitem:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
body.tpl-pos .pg-pos-secitem img{width:100%;height:120px;object-fit:cover;border:1px solid var(--line);margin-bottom:8px}
body.tpl-pos .pg-pos-secitem h3{font-family:var(--font-head);font-size:17px;line-height:1.26;font-weight:700;margin:5px 0 5px;color:var(--ink)}
body.tpl-pos .pg-pos-secitem:hover h3{color:var(--accent)}
/* Indeks kanal — 3 kolom garis vertikal */
body.tpl-pos .pg-pos-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:8px}
body.tpl-pos .pg-pos-col{padding:0 20px;border-left:1px solid var(--line)}
body.tpl-pos .pg-pos-col:nth-child(3n+1){border-left:0;padding-left:0}
body.tpl-pos .pg-pos-col:nth-child(3n){padding-right:0}
body.tpl-pos .pg-pos-secthd{display:block;font-family:var(--font-head);font-weight:800;text-transform:uppercase;letter-spacing:.8px;font-size:12.5px;color:var(--accent);border-bottom:2px solid var(--ink);padding-bottom:7px;margin-bottom:9px}
body.tpl-pos .pg-pos-link{display:block;font-family:var(--font-head);font-size:15px;line-height:1.34;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);padding:9px 0}
body.tpl-pos .pg-pos-link:last-child{border-bottom:0}
body.tpl-pos .pg-pos-link:hover{color:var(--accent)}
/* Most Read — daftar bernomor */
body.tpl-pos .pg-pos-most{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
body.tpl-pos .pg-pos-most li{border-bottom:1px solid var(--line)}
body.tpl-pos .pg-pos-most a{display:flex;gap:14px;align-items:flex-start;padding:12px 0}
body.tpl-pos .pg-pos-rank{font-family:var(--font-head);font-size:26px;font-weight:800;line-height:1;color:var(--accent);flex:none;width:28px}
body.tpl-pos .pg-pos-mtx h4{font-family:var(--font-head);font-size:16px;line-height:1.3;font-weight:700;margin:3px 0 0;color:var(--ink)}
body.tpl-pos .pg-pos-most a:hover h4{color:var(--accent)}
@media(max-width:760px){
  body.tpl-pos .pg-pos-band{grid-template-columns:1fr}
  body.tpl-pos .pg-pos-lead{border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}
  body.tpl-pos .pg-pos-sec{padding-left:0}
  body.tpl-pos .pg-pos-index,body.tpl-pos .pg-pos-most{grid-template-columns:1fr}
  body.tpl-pos .pg-pos-col{border-left:0;padding:0 0 8px}
  body.tpl-pos .pg-pos-col:nth-child(3n+1){padding-left:0}
}
[data-theme=dark] body.tpl-pos .pg-pos-band{border-top-color:#cfd3da;border-bottom-color:#cfd3da}
[data-theme=dark] body.tpl-pos .pg-pos-lead{border-right-color:#2b2f36}
[data-theme=dark] body.tpl-pos .pg-pos-lead img,[data-theme=dark] body.tpl-pos .pg-pos-secitem img{border-color:#2b2f36}
[data-theme=dark] body.tpl-pos .pg-pos-secitem,[data-theme=dark] body.tpl-pos .pg-pos-col,[data-theme=dark] body.tpl-pos .pg-pos-link,[data-theme=dark] body.tpl-pos .pg-pos-most li{border-color:#2b2f36}
[data-theme=dark] body.tpl-pos .pg-pos-secthd{border-bottom-color:#cfd3da}

/* ===== CENDEKIA page (kompas.id premium) — lead feature + 4 teaser, per-kanal 2-kolom halus ===== */
body.tpl-cendekia .pg-cendekia-hero{margin-bottom:8px;border-bottom:2px solid var(--ink);padding-bottom:22px}
body.tpl-cendekia .pg-cendekia-lead{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center;margin-bottom:22px}
body.tpl-cendekia .pg-cendekia-lead img{width:100%;height:340px;object-fit:cover;border-radius:var(--radius-lead,6px)}
body.tpl-cendekia .pg-cendekia-leadtx h2{font-family:var(--font-head);font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.4px;margin:8px 0 14px;color:var(--ink)}
body.tpl-cendekia .pg-cendekia-leadtx p{font-family:var(--font-head);font-size:17px;line-height:1.78;color:var(--soft);margin:0 0 12px}
body.tpl-cendekia .pg-cendekia-lead:hover h2{color:var(--accent)}
body.tpl-cendekia .pg-cendekia-by{display:block;font-size:12px;color:var(--soft);text-transform:uppercase;letter-spacing:.5px}
body.tpl-cendekia .pg-cendekia-teasers{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
body.tpl-cendekia .pg-cendekia-teaser{display:block;padding:16px 18px 0;border-left:1px solid var(--line)}
body.tpl-cendekia .pg-cendekia-teaser:first-child{border-left:0;padding-left:0}
body.tpl-cendekia .pg-cendekia-teaser:last-child{padding-right:0}
body.tpl-cendekia .pg-cendekia-teaser h4{font-family:var(--font-head);font-size:16px;line-height:1.3;font-weight:700;margin:6px 0 6px;color:var(--ink)}
body.tpl-cendekia .pg-cendekia-teaser:hover h4{color:var(--accent)}
/* Per-kanal — 2 kolom: feature (kiri) + daftar (kanan) */
body.tpl-cendekia .pg-cendekia-sec{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:8px}
body.tpl-cendekia .pg-cendekia-feat{display:block}
body.tpl-cendekia .pg-cendekia-feat img{width:100%;height:230px;object-fit:cover;border-radius:var(--radius-card,6px);margin-bottom:12px}
body.tpl-cendekia .pg-cendekia-feat h3{font-family:var(--font-head);font-size:24px;line-height:1.22;font-weight:800;margin:0 0 8px;color:var(--ink)}
body.tpl-cendekia .pg-cendekia-feat p{font-family:var(--font-head);font-size:15.5px;line-height:1.74;color:var(--soft);margin:0 0 8px}
body.tpl-cendekia .pg-cendekia-feat:hover h3{color:var(--accent)}
body.tpl-cendekia .pg-cendekia-list{border-left:1px solid var(--line);padding-left:30px}
body.tpl-cendekia .pg-cendekia-li{display:block;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:14px}
body.tpl-cendekia .pg-cendekia-li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
body.tpl-cendekia .pg-cendekia-li h4{font-family:var(--font-head);font-size:17px;line-height:1.32;font-weight:700;margin:0 0 4px;color:var(--ink)}
body.tpl-cendekia .pg-cendekia-li:hover h4{color:var(--accent)}
/* Pilihan Editor — kartu airy 2 kolom */
body.tpl-cendekia .pg-cendekia-ed{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.tpl-cendekia .pg-cendekia-edcard{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}
body.tpl-cendekia .pg-cendekia-edcard img{width:140px;height:96px;object-fit:cover;border-radius:var(--radius-card,6px);flex:none}
body.tpl-cendekia .pg-cendekia-edcard h3{font-family:var(--font-head);font-size:18px;line-height:1.28;font-weight:700;margin:5px 0 6px;color:var(--ink)}
body.tpl-cendekia .pg-cendekia-edcard p{font-size:13.5px;line-height:1.6;color:var(--soft);margin:0}
body.tpl-cendekia .pg-cendekia-edcard:hover h3{color:var(--accent)}
/* Terbaru — daftar baca lega */
body.tpl-cendekia .pg-cendekia-latest{display:flex;flex-direction:column}
body.tpl-cendekia .pg-cendekia-lat{display:flex;gap:22px;align-items:flex-start;border-bottom:1px solid var(--line);padding:18px 0}
body.tpl-cendekia .pg-cendekia-lattx{flex:1}
body.tpl-cendekia .pg-cendekia-lat img{width:150px;height:100px;object-fit:cover;border-radius:var(--radius-card,6px);flex:none}
body.tpl-cendekia .pg-cendekia-lat h3{font-family:var(--font-head);font-size:21px;line-height:1.26;font-weight:800;margin:5px 0 7px;color:var(--ink)}
body.tpl-cendekia .pg-cendekia-lat p{font-family:var(--font-head);font-size:15px;line-height:1.7;color:var(--soft);margin:0 0 7px}
body.tpl-cendekia .pg-cendekia-lat:hover h3{color:var(--accent)}
@media(max-width:760px){
  body.tpl-cendekia .pg-cendekia-lead{grid-template-columns:1fr;gap:14px}
  body.tpl-cendekia .pg-cendekia-lead img{height:240px}
  body.tpl-cendekia .pg-cendekia-leadtx h2{font-size:26px}
  body.tpl-cendekia .pg-cendekia-teasers{grid-template-columns:1fr 1fr}
  body.tpl-cendekia .pg-cendekia-teaser:nth-child(odd){border-left:0;padding-left:0}
  body.tpl-cendekia .pg-cendekia-sec,body.tpl-cendekia .pg-cendekia-ed{grid-template-columns:1fr;gap:18px}
  body.tpl-cendekia .pg-cendekia-list{border-left:0;padding-left:0}
  body.tpl-cendekia .pg-cendekia-lat img{width:110px;height:74px}
  body.tpl-cendekia .pg-cendekia-lat h3{font-size:18px}
}
@media(max-width:460px){body.tpl-cendekia .pg-cendekia-teasers{grid-template-columns:1fr}body.tpl-cendekia .pg-cendekia-teaser{border-left:0;padding-left:0}}
[data-theme=dark] body.tpl-cendekia .pg-cendekia-hero{border-bottom-color:#cfd3da}
[data-theme=dark] body.tpl-cendekia .pg-cendekia-teasers,[data-theme=dark] body.tpl-cendekia .pg-cendekia-teaser,[data-theme=dark] body.tpl-cendekia .pg-cendekia-list,[data-theme=dark] body.tpl-cendekia .pg-cendekia-li,[data-theme=dark] body.tpl-cendekia .pg-cendekia-edcard,[data-theme=dark] body.tpl-cendekia .pg-cendekia-lat{border-color:#2b2f36}

/* ============ NARATIF (mojok.co) — esai humor longform, terpusat, bookish ============ */
body.tpl-naratif .ps-content{max-width:760px;margin-left:auto;margin-right:auto}

/* Esai unggulan */
body.tpl-naratif .pg-naratif-feature{max-width:720px;margin:6px auto 8px;text-align:center}
body.tpl-naratif .pg-naratif-feat-link{display:block;color:inherit}
body.tpl-naratif .pg-naratif-feat-link:hover .pg-naratif-feat-title{color:var(--accent)}
body.tpl-naratif .pg-naratif-kicker{display:inline-block;font-family:-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;font-size:11px;color:var(--accent)}
body.tpl-naratif .pg-naratif-feat-title{font-family:var(--font-head);font-weight:800;font-size:40px;line-height:1.15;letter-spacing:-.6px;margin:14px 0 14px;color:var(--ink)}
body.tpl-naratif .pg-naratif-dek{font-family:var(--font-head);font-size:19px;line-height:1.6;color:var(--soft);margin:0 auto 16px;max-width:600px}
body.tpl-naratif .pg-naratif-byline{font-family:-apple-system,"Segoe UI",sans-serif;font-size:13px;color:var(--soft);font-weight:600;display:flex;gap:8px;justify-content:center;align-items:center}
body.tpl-naratif .pg-naratif-dot{opacity:.5}
body.tpl-naratif .pg-naratif-feat-pic{margin-top:22px;border-radius:12px;overflow:hidden}
body.tpl-naratif .pg-naratif-feat-pic img{width:100%;height:380px;object-fit:cover}

/* Section heading terpusat */
body.tpl-naratif .pg-naratif-sechead{display:flex;flex-direction:column;align-items:center;gap:9px;margin:42px auto 26px;max-width:720px}
body.tpl-naratif .pg-naratif-sechead .bar{width:46px;height:3px;background:var(--accent);border-radius:2px}
body.tpl-naratif .pg-naratif-sechead h2{font-family:var(--font-head);font-weight:800;font-size:24px;letter-spacing:-.3px;margin:0;color:var(--ink)}

/* Stream esai — satu kolom terpusat */
body.tpl-naratif .pg-naratif-stream{max-width:680px;margin:0 auto}
body.tpl-naratif .pg-naratif-essay{text-align:center;padding:26px 0;border-top:1px solid var(--line)}
body.tpl-naratif .pg-naratif-essay:first-child{border-top:0;padding-top:0}
body.tpl-naratif .pg-naratif-essay a{display:block;color:inherit}
body.tpl-naratif .pg-naratif-essay-title{font-family:var(--font-head);font-weight:800;font-size:27px;line-height:1.25;letter-spacing:-.3px;margin:9px 0 11px;color:var(--ink)}
body.tpl-naratif .pg-naratif-essay a:hover .pg-naratif-essay-title{color:var(--accent)}
body.tpl-naratif .pg-naratif-essay-ex{font-family:var(--font-head);font-size:16.5px;line-height:1.65;color:var(--soft);margin:0 auto 12px;max-width:560px}

/* Daftar ringkas */
body.tpl-naratif .pg-naratif-compact{max-width:680px;margin:0 auto}
body.tpl-naratif .pg-naratif-compact-item{display:block;text-align:center;padding:16px 0;border-top:1px dashed var(--line);color:inherit}
body.tpl-naratif .pg-naratif-compact-item:first-child{border-top:0}
body.tpl-naratif .pg-naratif-compact-item h4{font-family:var(--font-head);font-weight:700;font-size:19px;line-height:1.32;margin:0 0 4px;color:var(--ink)}
body.tpl-naratif .pg-naratif-compact-item:hover h4{color:var(--accent)}
body.tpl-naratif .pg-naratif-compact-meta{font-family:-apple-system,"Segoe UI",sans-serif;font-size:12px;color:var(--soft);font-weight:600;display:flex;gap:7px;justify-content:center;align-items:center;text-transform:uppercase;letter-spacing:.5px}

@media(max-width:760px){
  body.tpl-naratif .pg-naratif-feat-title{font-size:28px}
  body.tpl-naratif .pg-naratif-dek{font-size:17px}
  body.tpl-naratif .pg-naratif-feat-pic img{height:230px}
  body.tpl-naratif .pg-naratif-essay-title{font-size:22px}
}

/* ============ TELAAH (theconversation.com) — akademik, penekanan penulis, label small-caps ============ */
body.tpl-telaah .ps-content{max-width:760px;margin-left:auto;margin-right:auto}
body.tpl-telaah .pg-telaah-label{display:inline-block;font-family:-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;font-size:10.5px;color:var(--accent);margin-bottom:6px}
body.tpl-telaah .pg-telaah-author{font-family:var(--font-head);font-size:13.5px;color:var(--soft);font-style:italic;margin:6px 0}
body.tpl-telaah .pg-telaah-author b{font-style:normal;font-weight:700;color:var(--ink)}
body.tpl-telaah .pg-telaah-sep{opacity:.5;font-style:normal}

/* Lead: utama kiri + 2 ringkas kanan */
body.tpl-telaah .pg-telaah-lead{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start;margin-bottom:10px;padding-bottom:28px;border-bottom:2px solid var(--ink)}
body.tpl-telaah .pg-telaah-lead-main{display:block;color:inherit}
body.tpl-telaah .pg-telaah-lead-pic{border-radius:8px;overflow:hidden;margin-bottom:14px}
body.tpl-telaah .pg-telaah-lead-pic img{width:100%;height:300px;object-fit:cover}
body.tpl-telaah .pg-telaah-lead-title{font-family:var(--font-head);font-weight:800;font-size:30px;line-height:1.22;letter-spacing:-.4px;margin:4px 0 4px;color:var(--ink)}
body.tpl-telaah .pg-telaah-lead-main:hover .pg-telaah-lead-title{color:var(--accent)}
body.tpl-telaah .pg-telaah-lead-ex{font-family:var(--font-head);font-size:16px;line-height:1.6;color:var(--soft);margin:10px 0 0}
body.tpl-telaah .pg-telaah-lead-side{display:flex;flex-direction:column;gap:18px}
body.tpl-telaah .pg-telaah-side-item{display:block;color:inherit;padding-bottom:18px;border-bottom:1px solid var(--line)}
body.tpl-telaah .pg-telaah-side-item:last-child{border-bottom:0;padding-bottom:0}
body.tpl-telaah .pg-telaah-side-item h3{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:1.3;margin:0 0 2px;color:var(--ink)}
body.tpl-telaah .pg-telaah-side-item:hover h3{color:var(--accent)}
body.tpl-telaah .pg-telaah-side-item p{font-size:13.5px;line-height:1.55;color:var(--soft);margin:6px 0 0}

/* Section heading — small-caps */
body.tpl-telaah .pg-telaah-sechead{margin:38px 0 20px;border-bottom:1px solid var(--line);padding-bottom:9px}
body.tpl-telaah .pg-telaah-sechead h2{font-family:-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-size:14px;color:var(--ink);margin:0}

/* Grid 2-kolom: tubuh + thumb kecil */
body.tpl-telaah .pg-telaah-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 30px}
body.tpl-telaah .pg-telaah-row{display:flex;gap:14px;align-items:flex-start;color:inherit;padding-bottom:22px;border-bottom:1px solid var(--line)}
body.tpl-telaah .pg-telaah-row-body{flex:1;min-width:0}
body.tpl-telaah .pg-telaah-row-body h3{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:1.3;margin:0;color:var(--ink)}
body.tpl-telaah .pg-telaah-row:hover .pg-telaah-row-body h3{color:var(--accent)}
body.tpl-telaah .pg-telaah-row-body p{font-size:13.5px;line-height:1.55;color:var(--soft);margin:6px 0 0}
body.tpl-telaah .pg-telaah-row-pic{width:88px;flex:none;border-radius:6px;overflow:hidden}
body.tpl-telaah .pg-telaah-row-pic img{width:88px;height:88px;object-fit:cover}

/* Pilihan Editor — daftar bernomor */
body.tpl-telaah .pg-telaah-picks{display:flex;flex-direction:column}
body.tpl-telaah .pg-telaah-pick{display:flex;gap:18px;align-items:baseline;color:inherit;padding:16px 0;border-top:1px solid var(--line)}
body.tpl-telaah .pg-telaah-pick:first-child{border-top:0}
body.tpl-telaah .pg-telaah-pick-num{font-family:var(--font-head);font-weight:800;font-size:26px;color:var(--accent);opacity:.6;flex:none;width:42px}
body.tpl-telaah .pg-telaah-pick-body h4{font-family:var(--font-head);font-weight:700;font-size:19px;line-height:1.3;margin:0;color:var(--ink)}
body.tpl-telaah .pg-telaah-pick:hover .pg-telaah-pick-body h4{color:var(--accent)}

@media(max-width:760px){
  body.tpl-telaah .pg-telaah-lead{grid-template-columns:1fr;gap:22px}
  body.tpl-telaah .pg-telaah-lead-pic img{height:220px}
  body.tpl-telaah .pg-telaah-lead-title{font-size:24px}
  body.tpl-telaah .pg-telaah-grid{grid-template-columns:1fr}
}
[data-theme=dark] body.tpl-telaah .pg-telaah-lead{border-bottom-color:#3a3f47}
[data-theme=dark] body.tpl-telaah .pg-telaah-side-item,[data-theme=dark] body.tpl-telaah .pg-telaah-row,[data-theme=dark] body.tpl-telaah .pg-telaah-pick,[data-theme=dark] body.tpl-telaah .pg-telaah-sechead{border-color:#2b2f36}

/* ============ RENJANA (magdalene.co) — majalah sastra, kartu elegan, hairline, ruang putih ============ */
body.tpl-renjana{--font-head:Georgia,"Times New Roman","Noto Serif",serif}
body.tpl-renjana .ps-content{max-width:780px;margin-left:auto;margin-right:auto}
body.tpl-renjana .pg-renjana-kicker{display:inline-block;font-family:var(--font-head);font-style:italic;font-size:14px;letter-spacing:.3px;color:var(--accent);margin-bottom:6px}
body.tpl-renjana .pg-renjana-byline{font-family:-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px;font-weight:700;color:var(--soft);display:flex;gap:7px;align-items:center}
body.tpl-renjana .pg-renjana-dot{opacity:.5}

/* Fitur besar — overlay elegan */
body.tpl-renjana .pg-renjana-feature{position:relative;display:block;border-radius:4px;overflow:hidden;margin-bottom:14px;color:#fff}
body.tpl-renjana .pg-renjana-feat-pic img{width:100%;height:440px;object-fit:cover}
body.tpl-renjana .pg-renjana-feat-overlay{position:absolute;left:0;right:0;bottom:0;padding:60px 38px 32px;background:linear-gradient(transparent,rgba(0,0,0,.78))}
body.tpl-renjana .pg-renjana-feature .pg-renjana-kicker{color:#fff;opacity:.92}
body.tpl-renjana .pg-renjana-feat-title{font-family:var(--font-head);font-weight:700;font-size:34px;line-height:1.2;letter-spacing:-.3px;margin:6px 0 10px;color:#fff;max-width:620px}
body.tpl-renjana .pg-renjana-feat-dek{font-family:var(--font-head);font-size:16px;line-height:1.55;margin:0 0 12px;color:rgba(255,255,255,.88);max-width:560px}
body.tpl-renjana .pg-renjana-feature .pg-renjana-byline{color:rgba(255,255,255,.85)}

/* Section heading — judul serif + hairline panjang */
body.tpl-renjana .pg-renjana-sechead{display:flex;align-items:center;gap:18px;margin:44px 0 26px}
body.tpl-renjana .pg-renjana-sechead h2{font-family:var(--font-head);font-weight:700;font-size:22px;letter-spacing:.5px;margin:0;color:var(--ink);flex:none;text-transform:uppercase}
body.tpl-renjana .pg-renjana-rule{flex:1;height:1px;background:var(--line)}

/* Grid 2-kolom kartu elegan */
body.tpl-renjana .pg-renjana-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 34px}
body.tpl-renjana .pg-renjana-card a{display:block;color:inherit}
body.tpl-renjana .pg-renjana-card-pic{border-radius:3px;overflow:hidden;margin-bottom:14px}
body.tpl-renjana .pg-renjana-card-pic img{width:100%;height:220px;object-fit:cover;transition:opacity .25s}
body.tpl-renjana .pg-renjana-card a:hover .pg-renjana-card-pic img{opacity:.88}
body.tpl-renjana .pg-renjana-card-title{font-family:var(--font-head);font-weight:700;font-size:21px;line-height:1.3;letter-spacing:-.2px;margin:4px 0 9px;color:var(--ink)}
body.tpl-renjana .pg-renjana-card a:hover .pg-renjana-card-title{color:var(--accent)}
body.tpl-renjana .pg-renjana-card-ex{font-family:var(--font-head);font-size:15px;line-height:1.62;color:var(--soft);margin:0 0 12px}

/* Daftar tanpa gambar */
body.tpl-renjana .pg-renjana-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px}
body.tpl-renjana .pg-renjana-list-item{display:block;color:inherit;padding:20px 0;border-bottom:1px solid var(--line)}
body.tpl-renjana .pg-renjana-list-item h4{font-family:var(--font-head);font-weight:700;font-size:19px;line-height:1.32;margin:4px 0 8px;color:var(--ink)}
body.tpl-renjana .pg-renjana-list-item:hover h4{color:var(--accent)}

@media(max-width:760px){
  body.tpl-renjana .pg-renjana-feat-pic img{height:300px}
  body.tpl-renjana .pg-renjana-feat-overlay{padding:48px 22px 24px}
  body.tpl-renjana .pg-renjana-feat-title{font-size:25px}
  body.tpl-renjana .pg-renjana-grid{grid-template-columns:1fr;gap:34px}
  body.tpl-renjana .pg-renjana-list{grid-template-columns:1fr}
}
[data-theme=dark] body.tpl-renjana .pg-renjana-sechead .pg-renjana-rule,[data-theme=dark] body.tpl-renjana .pg-renjana-list-item{border-color:#2b2f36}
[data-theme=dark] body.tpl-renjana .pg-renjana-rule{background:#2b2f36}

/* ===== TEGAS (axios.com) — smart-brevity STREAM scoped under body.tpl-tegas ===== */
body.tpl-tegas .pg-tegas-hero{margin:4px 0 22px}
body.tpl-tegas .pg-tegas-lead{display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:center;border-left:6px solid var(--accent);padding:4px 0 20px 18px;border-bottom:3px solid var(--ink);text-decoration:none;color:inherit}
body.tpl-tegas .pg-tegas-lead-tx h1{font-family:var(--font-head);font-size:32px;font-weight:900;line-height:1.12;letter-spacing:-.6px;margin:8px 0 10px;color:var(--ink)}
body.tpl-tegas .pg-tegas-why{font-size:15px;line-height:1.6;color:var(--soft);margin:0 0 12px}
body.tpl-tegas .pg-tegas-why b{color:var(--ink)}
body.tpl-tegas .pg-tegas-go{font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--accent)}
body.tpl-tegas .pg-tegas-lead-img img{width:100%;height:200px;object-fit:cover;border-radius:4px}
body.tpl-tegas .pg-tegas-subrow{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:18px}
body.tpl-tegas .pg-tegas-subitem{display:block;padding:2px 22px;border-left:4px solid var(--accent);text-decoration:none;color:inherit}
body.tpl-tegas .pg-tegas-subitem:first-child{padding-left:0;border-left:0}
body.tpl-tegas .pg-tegas-subitem h3{font-family:var(--font-head);font-weight:800;font-size:18px;line-height:1.22;margin:6px 0 0;color:var(--ink)}

body.tpl-tegas .pg-tegas-stream{display:flex;flex-direction:column}
body.tpl-tegas .pg-tegas-item{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;border-left:4px solid var(--accent);padding:16px 0 16px 16px;border-bottom:1px solid var(--line)}
body.tpl-tegas .pg-tegas-item:has(.pg-tegas-body:only-child),body.tpl-tegas .pg-tegas-item:not(:has(.pg-tegas-thumb)){grid-template-columns:1fr}
body.tpl-tegas .pg-tegas-thumb img{width:96px;height:72px;object-fit:cover;border-radius:3px;display:block}
body.tpl-tegas .pg-tegas-body h3{font-family:var(--font-head);font-weight:800;font-size:19px;line-height:1.22;letter-spacing:-.2px;margin:5px 0 7px}
body.tpl-tegas .pg-tegas-body h3 a{color:var(--ink);text-decoration:none}
body.tpl-tegas .pg-tegas-body h3 a:hover{color:var(--accent)}
body.tpl-tegas .pg-tegas-points{list-style:none;margin:0 0 8px;padding:0}
body.tpl-tegas .pg-tegas-points li{position:relative;padding-left:16px;font-size:14px;line-height:1.55;color:var(--soft)}
body.tpl-tegas .pg-tegas-points li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--accent);border-radius:50%}
body.tpl-tegas .pg-tegas-points li b{color:var(--ink);font-weight:800}
body.tpl-tegas .pg-tegas-foot{display:flex;align-items:center;gap:14px}
body.tpl-tegas .pg-tegas-foot .tm{font-size:12px;color:var(--soft)}
body.tpl-tegas .pg-tegas-foot .go{font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--accent);text-decoration:none}

body.tpl-tegas .pg-tegas-catstream{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
body.tpl-tegas .pg-tegas-catitem{display:block;padding:12px 0;border-top:1px solid var(--line);border-left:3px solid var(--accent);padding-left:14px;text-decoration:none;color:inherit}
body.tpl-tegas .pg-tegas-catitem h4{font-family:var(--font-head);font-weight:800;font-size:16px;line-height:1.25;margin:0 0 5px;color:var(--ink)}
body.tpl-tegas .pg-tegas-catitem p{font-size:13px;line-height:1.5;color:var(--soft);margin:0}

body.tpl-tegas .pg-tegas-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.tpl-tegas .pg-tegas-videos .v iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:4px;display:block}
body.tpl-tegas .pg-tegas-videos .v .t{font-weight:800;font-size:14px;line-height:1.3;margin-top:8px;color:var(--ink)}

[data-theme=dark] body.tpl-tegas .pg-tegas-lead{border-bottom-color:#3a3f47}
[data-theme=dark] body.tpl-tegas .pg-tegas-item,[data-theme=dark] body.tpl-tegas .pg-tegas-catitem{border-color:#2b2f36}

@media(max-width:760px){
  body.tpl-tegas .pg-tegas-lead{grid-template-columns:1fr;padding-left:14px}
  body.tpl-tegas .pg-tegas-lead-img{display:none}
  body.tpl-tegas .pg-tegas-lead-tx h1{font-size:25px}
  body.tpl-tegas .pg-tegas-subrow{grid-template-columns:1fr}
  body.tpl-tegas .pg-tegas-subitem{padding:10px 0;border-left:4px solid var(--accent);padding-left:14px;border-top:1px solid var(--line)}
  body.tpl-tegas .pg-tegas-subitem:first-child{border-left:4px solid var(--accent);padding-left:14px}
  body.tpl-tegas .pg-tegas-item{grid-template-columns:1fr}
  body.tpl-tegas .pg-tegas-thumb{display:none}
  body.tpl-tegas .pg-tegas-catstream{grid-template-columns:1fr}
  body.tpl-tegas .pg-tegas-videos{grid-template-columns:1fr}
}

/* ===== RINGKAS (vox.com) — explainer CARD grid scoped under body.tpl-ringkas ===== */
body.tpl-ringkas .pg-ringkas-bigidea{display:grid;grid-template-columns:1fr 300px;gap:26px;margin:6px 0 26px;align-items:stretch}
body.tpl-ringkas .pg-ringkas-big{display:block;text-decoration:none;color:inherit;background:#fff;border:3px solid var(--ink);border-radius:6px;overflow:hidden}
body.tpl-ringkas .pg-ringkas-big-img img{width:100%;height:320px;object-fit:cover;display:block}
body.tpl-ringkas .pg-ringkas-big-tx{padding:20px 22px 24px}
body.tpl-ringkas .pg-ringkas-flag{display:inline-block;background:var(--accent);color:#fff;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:4px;margin-bottom:10px}
body.tpl-ringkas .pg-ringkas-big-tx .ps-cat-tag{display:inline-block;margin-left:8px}
body.tpl-ringkas .pg-ringkas-big-tx h1{font-family:var(--font-head);font-weight:900;font-size:30px;line-height:1.14;letter-spacing:-.6px;margin:8px 0 12px;color:var(--ink)}
body.tpl-ringkas .pg-ringkas-big-tx p{font-size:16px;line-height:1.6;color:var(--soft);margin:0}
body.tpl-ringkas .pg-ringkas-beside{display:flex;flex-direction:column;gap:0}
body.tpl-ringkas .pg-ringkas-beside-it{display:block;padding:14px 0;border-top:3px solid var(--ink);text-decoration:none;color:inherit}
body.tpl-ringkas .pg-ringkas-beside-it:first-child{border-top:0;padding-top:0}
body.tpl-ringkas .pg-ringkas-beside-it h4{font-family:var(--font-head);font-weight:900;font-size:17px;line-height:1.22;letter-spacing:-.3px;margin:6px 0 0;color:var(--ink)}

body.tpl-ringkas .pg-ringkas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px}
body.tpl-ringkas .pg-ringkas-card{display:block;text-decoration:none;color:inherit}
body.tpl-ringkas .pg-ringkas-card-img img{width:100%;height:170px;object-fit:cover;border-radius:5px;display:block}
body.tpl-ringkas .pg-ringkas-card .ps-cat-tag{display:inline-block;margin:12px 0 4px}
body.tpl-ringkas .pg-ringkas-card h3{font-family:var(--font-head);font-weight:900;font-size:19px;line-height:1.2;letter-spacing:-.4px;margin:0 0 6px;color:var(--ink)}
body.tpl-ringkas .pg-ringkas-card p{font-size:14px;line-height:1.5;color:var(--soft);margin:0}
body.tpl-ringkas .pg-ringkas-card:hover h3{color:var(--accent)}

body.tpl-ringkas .pg-ringkas-explainer{list-style:none;counter-reset:exp;margin:0;padding:0}
body.tpl-ringkas .pg-ringkas-exp-it{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:18px 0;border-bottom:2px solid var(--line)}
body.tpl-ringkas .pg-ringkas-num{font-family:var(--font-head);font-weight:900;font-size:34px;line-height:1;color:var(--accent);letter-spacing:-1px}
body.tpl-ringkas .pg-ringkas-exp-tx h3{font-family:var(--font-head);font-weight:900;font-size:20px;line-height:1.2;letter-spacing:-.3px;margin:5px 0 6px}
body.tpl-ringkas .pg-ringkas-exp-tx h3 a{color:var(--ink);text-decoration:none}
body.tpl-ringkas .pg-ringkas-exp-tx h3 a:hover{color:var(--accent)}
body.tpl-ringkas .pg-ringkas-exp-tx p{font-size:14.5px;line-height:1.55;color:var(--soft);margin:0 0 6px}
body.tpl-ringkas .pg-ringkas-exp-tx .meta{font-size:12px;color:var(--soft)}

body.tpl-ringkas .pg-ringkas-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.tpl-ringkas .pg-ringkas-catcard{display:block;text-decoration:none;color:inherit}
body.tpl-ringkas .pg-ringkas-catcard-img img{width:100%;height:140px;object-fit:cover;border-radius:5px;display:block}
body.tpl-ringkas .pg-ringkas-catcard h4{font-family:var(--font-head);font-weight:900;font-size:16px;line-height:1.22;letter-spacing:-.2px;margin:9px 0 0;color:var(--ink)}

body.tpl-ringkas .pg-ringkas-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.tpl-ringkas .pg-ringkas-videos .v iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:5px;display:block}
body.tpl-ringkas .pg-ringkas-videos .v .t{font-weight:900;font-size:14px;line-height:1.3;margin-top:8px;color:var(--ink)}

[data-theme=dark] body.tpl-ringkas .pg-ringkas-big{background:#1b1e24;border-color:#cfd3da}
[data-theme=dark] body.tpl-ringkas .pg-ringkas-beside-it{border-top-color:#3a3f47}
[data-theme=dark] body.tpl-ringkas .pg-ringkas-exp-it{border-bottom-color:#2b2f36}

@media(max-width:760px){
  body.tpl-ringkas .pg-ringkas-bigidea{grid-template-columns:1fr}
  body.tpl-ringkas .pg-ringkas-big-img img{height:220px}
  body.tpl-ringkas .pg-ringkas-big-tx h1{font-size:24px}
  body.tpl-ringkas .pg-ringkas-grid{grid-template-columns:1fr}
  body.tpl-ringkas .pg-ringkas-exp-it{grid-template-columns:46px 1fr;gap:12px}
  body.tpl-ringkas .pg-ringkas-num{font-size:26px}
  body.tpl-ringkas .pg-ringkas-catgrid{grid-template-columns:1fr}
  body.tpl-ringkas .pg-ringkas-videos{grid-template-columns:1fr}
}

/* ===== WACANA (politico.com) — politik padat scoped under body.tpl-wacana ===== */
body.tpl-wacana .pg-wacana-top{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin:4px 0 22px;border-bottom:2px solid var(--ink);padding-bottom:20px}
body.tpl-wacana .pg-wacana-lead{display:block;text-decoration:none;color:inherit}
body.tpl-wacana .pg-wacana-lead-img img{width:100%;height:300px;object-fit:cover;border-radius:3px;display:block;margin-bottom:12px}
body.tpl-wacana .pg-wacana-lead h1{font-family:var(--font-head);font-weight:800;font-size:32px;line-height:1.12;letter-spacing:.1px;margin:8px 0 10px;color:var(--ink)}
body.tpl-wacana .pg-wacana-lead p{font-size:15px;line-height:1.55;color:var(--soft);margin:0}
body.tpl-wacana .pg-wacana-lead:hover h1{color:var(--accent)}
body.tpl-wacana .pg-wacana-col{border-left:1px solid var(--line);padding-left:24px}
body.tpl-wacana .pg-wacana-col-h{font-family:var(--font-head);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:6px;margin-bottom:10px}
body.tpl-wacana .pg-wacana-col-it{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
body.tpl-wacana .pg-wacana-col-it:last-child{border-bottom:0}
body.tpl-wacana .pg-wacana-col-it h4{font-family:var(--font-head);font-weight:700;font-size:16px;line-height:1.22;margin:4px 0 0;color:var(--ink)}
body.tpl-wacana .pg-wacana-col-it:hover h4{color:var(--accent)}

body.tpl-wacana .pg-wacana-playbook{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
body.tpl-wacana .pg-wacana-play-it{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
body.tpl-wacana .pg-wacana-play-it .tm{display:inline-block;font-weight:800;font-size:11px;color:var(--accent);min-width:56px;text-transform:uppercase;letter-spacing:.5px}
body.tpl-wacana .pg-wacana-play-it .cat{font-size:11px;color:var(--soft);text-transform:uppercase;letter-spacing:.6px;margin-left:6px}
body.tpl-wacana .pg-wacana-play-it h4{font-family:var(--font-head);font-weight:700;font-size:16px;line-height:1.25;margin:3px 0 0;color:var(--ink)}
body.tpl-wacana .pg-wacana-play-it:hover h4{color:var(--accent)}

body.tpl-wacana .pg-wacana-cat{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:start}
body.tpl-wacana .pg-wacana-cat-feat{display:block;text-decoration:none;color:inherit}
body.tpl-wacana .pg-wacana-cat-img img{width:100%;height:200px;object-fit:cover;border-radius:3px;display:block;margin-bottom:9px}
body.tpl-wacana .pg-wacana-cat-feat h3{font-family:var(--font-head);font-weight:800;font-size:21px;line-height:1.18;margin:6px 0 7px;color:var(--ink)}
body.tpl-wacana .pg-wacana-cat-feat p{font-size:14px;line-height:1.5;color:var(--soft);margin:0}
body.tpl-wacana .pg-wacana-cat-feat:hover h3{color:var(--accent)}
body.tpl-wacana .pg-wacana-cat-row{display:block;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
body.tpl-wacana .pg-wacana-cat-row:first-child{border-top:0;padding-top:0}
body.tpl-wacana .pg-wacana-cat-row h4{font-family:var(--font-head);font-weight:700;font-size:16px;line-height:1.22;margin:0 0 3px;color:var(--ink)}
body.tpl-wacana .pg-wacana-cat-row .tm{font-size:11px;color:var(--soft)}
body.tpl-wacana .pg-wacana-cat-row:hover h4{color:var(--accent)}

body.tpl-wacana .pg-wacana-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.tpl-wacana .pg-wacana-videos .v iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:3px;display:block}
body.tpl-wacana .pg-wacana-videos .v .t{font-weight:700;font-size:14px;line-height:1.3;margin-top:7px;color:var(--ink)}

body.tpl-wacana .pg-wacana-latest{display:flex;flex-direction:column}
body.tpl-wacana .pg-wacana-latest-it{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
body.tpl-wacana .pg-wacana-latest-it .cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--accent)}
body.tpl-wacana .pg-wacana-latest-it h4{font-family:var(--font-head);font-weight:700;font-size:17px;line-height:1.22;margin:0;color:var(--ink)}
body.tpl-wacana .pg-wacana-latest-it .tm{font-size:11px;color:var(--soft);white-space:nowrap}
body.tpl-wacana .pg-wacana-latest-it:hover h4{color:var(--accent)}

[data-theme=dark] body.tpl-wacana .pg-wacana-top{border-bottom-color:#3a3f47}
[data-theme=dark] body.tpl-wacana .pg-wacana-col,[data-theme=dark] body.tpl-wacana .pg-wacana-col-it,[data-theme=dark] body.tpl-wacana .pg-wacana-play-it,[data-theme=dark] body.tpl-wacana .pg-wacana-cat-row,[data-theme=dark] body.tpl-wacana .pg-wacana-latest-it{border-color:#2b2f36}

@media(max-width:760px){
  body.tpl-wacana .pg-wacana-top{grid-template-columns:1fr;gap:18px}
  body.tpl-wacana .pg-wacana-col{border-left:0;padding-left:0;border-top:2px solid var(--ink);padding-top:14px}
  body.tpl-wacana .pg-wacana-lead h1{font-size:25px}
  body.tpl-wacana .pg-wacana-playbook{grid-template-columns:1fr}
  body.tpl-wacana .pg-wacana-cat{grid-template-columns:1fr}
  body.tpl-wacana .pg-wacana-videos{grid-template-columns:1fr}
  body.tpl-wacana .pg-wacana-latest-it{grid-template-columns:1fr auto;gap:6px 12px}
  body.tpl-wacana .pg-wacana-latest-it .cat{grid-column:1/-1}
}

/* ===== PAGE LAYOUT: Lugas (reuters.com wire) — daftar judul berseksi, teks dominan ===== */
body.tpl-lugas .pg-lugas-top{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start;margin-bottom:18px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
body.tpl-lugas .pg-lugas-lead img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-card,3px)}
body.tpl-lugas .pg-lugas-lead .b{padding-top:10px}
body.tpl-lugas .pg-lugas-lead h2{margin:5px 0 6px;font-size:25px;font-weight:800;line-height:1.18}
body.tpl-lugas .pg-lugas-lead p{margin:0 0 6px;font-size:14px;color:var(--soft);line-height:1.5}
body.tpl-lugas .pg-lugas-lead .tm{font-size:11.5px;color:var(--soft);font-weight:600}
body.tpl-lugas .pg-lugas-strip{list-style:none;margin:0;padding:0}
body.tpl-lugas .pg-lugas-strip li{border-top:1px solid #e4d9cb}
body.tpl-lugas .pg-lugas-strip li:first-child{border-top:0}
body.tpl-lugas .pg-lugas-strip a{display:block;padding:11px 0}
body.tpl-lugas .pg-lugas-strip .ti{display:block;font-size:15px;font-weight:700;line-height:1.3;margin:2px 0 3px}
body.tpl-lugas .pg-lugas-strip .tm{font-size:11px;color:var(--soft);font-weight:600}
body.tpl-lugas .pg-lugas-wire{column-count:2;column-gap:32px;margin-top:6px}
body.tpl-lugas .pg-lugas-sec{break-inside:avoid;margin:0 0 22px}
body.tpl-lugas .pg-lugas-sec.pg-lugas-editor{margin-top:8px}
body.tpl-lugas .pg-lugas-sech{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid var(--accent);padding-bottom:6px;margin-bottom:10px}
body.tpl-lugas .pg-lugas-sech h2{margin:0;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
body.tpl-lugas .pg-lugas-sech .more{margin-left:auto;font-size:11px;color:var(--soft);font-weight:700}
body.tpl-lugas .pg-lugas-secfeat{display:grid;grid-template-columns:96px 1fr;gap:11px;align-items:start;margin-bottom:10px}
body.tpl-lugas .pg-lugas-secfeat img{width:96px;height:64px;object-fit:cover;border-radius:3px}
body.tpl-lugas .pg-lugas-secfeat .ti{font-size:15px;font-weight:700;line-height:1.3}
body.tpl-lugas .pg-lugas-secfeat .tm{display:block;grid-column:2;font-size:11px;color:var(--soft);font-weight:600;margin-top:3px}
body.tpl-lugas .pg-lugas-links{list-style:none;margin:0;padding:0}
body.tpl-lugas .pg-lugas-links li{border-top:1px solid #e4d9cb}
body.tpl-lugas .pg-lugas-links a{display:flex;align-items:baseline;gap:8px;padding:8px 0}
body.tpl-lugas .pg-lugas-links .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(-2px)}
body.tpl-lugas .pg-lugas-links .ti{flex:1;font-size:14px;font-weight:700;line-height:1.3}
body.tpl-lugas .pg-lugas-links .tm{font-size:10.5px;color:var(--soft);font-weight:600;white-space:nowrap}
body.tpl-lugas .pg-lugas-links.two{column-count:2;column-gap:28px}
body.tpl-lugas .pg-lugas-links.two li{break-inside:avoid}
body.tpl-lugas .pg-lugas-feed{list-style:none;margin:0;padding:0}
body.tpl-lugas .pg-lugas-feed li{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid #e4d9cb}
body.tpl-lugas .pg-lugas-feed li:first-child{border-top:0}
body.tpl-lugas .pg-lugas-feed .tm{font-size:11px;color:var(--soft);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
body.tpl-lugas .pg-lugas-feed a{display:block}
body.tpl-lugas .pg-lugas-feed .ti{display:block;font-size:15.5px;font-weight:700;line-height:1.3;margin-top:2px}
[data-theme=dark] body.tpl-lugas .pg-lugas-top{border-bottom-color:#3a2f22}
[data-theme=dark] body.tpl-lugas .pg-lugas-strip li,[data-theme=dark] body.tpl-lugas .pg-lugas-links li,[data-theme=dark] body.tpl-lugas .pg-lugas-feed li{border-color:#332a1f}
@media(max-width:760px){
  body.tpl-lugas .pg-lugas-top{grid-template-columns:1fr;gap:16px}
  body.tpl-lugas .pg-lugas-lead img{height:220px}
  body.tpl-lugas .pg-lugas-wire{column-count:1}
  body.tpl-lugas .pg-lugas-links.two{column-count:1}
  body.tpl-lugas .pg-lugas-feed li{grid-template-columns:1fr;gap:2px}
}
/* ===== PAGE LAYOUT: Warta (bbc.com) — promo grid modular blocky ===== */
body.tpl-warta .pg-warta-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:auto;gap:16px;margin-bottom:16px}
body.tpl-warta .pg-warta-lead{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-card,2px);overflow:hidden;border:1px solid var(--line)}
body.tpl-warta .pg-warta-lead img{width:100%;height:300px;object-fit:cover}
body.tpl-warta .pg-warta-lead .b{padding:14px 16px 16px}
body.tpl-warta .pg-warta-lead h2{margin:5px 0 7px;font-size:23px;font-weight:800;line-height:1.2}
body.tpl-warta .pg-warta-lead p{margin:0;font-size:14px;color:var(--soft);line-height:1.5}
body.tpl-warta .pg-warta-med{grid-column:2;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-card,2px);overflow:hidden;border:1px solid var(--line)}
body.tpl-warta .pg-warta-med img{width:100%;height:120px;object-fit:cover}
body.tpl-warta .pg-warta-med .b{padding:10px 12px 12px}
body.tpl-warta .pg-warta-med h3{margin:4px 0 0;font-size:15px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-pop{grid-column:3;grid-row:1 / span 2;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,2px);padding:12px 14px}
body.tpl-warta .pg-warta-pop .ph{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:7px;margin-bottom:6px}
body.tpl-warta .pg-warta-pop ol{list-style:none;margin:0;padding:0}
body.tpl-warta .pg-warta-pop li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}
body.tpl-warta .pg-warta-pop li:first-child{border-top:0}
body.tpl-warta .pg-warta-pop .rk{font-size:22px;font-weight:800;line-height:1;color:var(--accent);min-width:22px;font-family:Georgia,serif}
body.tpl-warta .pg-warta-pop a{font-size:13.5px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
body.tpl-warta .pg-warta-sm{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,2px);overflow:hidden}
body.tpl-warta .pg-warta-sm img{width:100%;height:110px;object-fit:cover}
body.tpl-warta .pg-warta-sm .b{padding:9px 11px 11px}
body.tpl-warta .pg-warta-sm h4{margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-h{display:flex;align-items:center;gap:10px;margin:24px 0 12px;border-bottom:1px solid var(--accent);padding-bottom:7px}
body.tpl-warta .pg-warta-h h2{margin:0;font-size:18px;font-weight:800;color:var(--accent)}
body.tpl-warta .pg-warta-h .more{margin-left:auto;font-size:12px;color:var(--soft);font-weight:700}
body.tpl-warta .pg-warta-mod{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;margin-bottom:6px}
body.tpl-warta .pg-warta-modfeat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card,2px);overflow:hidden}
body.tpl-warta .pg-warta-modfeat img{width:100%;height:200px;object-fit:cover}
body.tpl-warta .pg-warta-modfeat .b{padding:12px 14px 14px}
body.tpl-warta .pg-warta-modfeat h3{margin:5px 0 6px;font-size:18px;font-weight:800;line-height:1.25}
body.tpl-warta .pg-warta-modfeat p{margin:0;font-size:13.5px;color:var(--soft);line-height:1.5}
body.tpl-warta .pg-warta-modlist{list-style:none;margin:0;padding:0}
body.tpl-warta .pg-warta-modlist li{border-top:1px solid var(--line);padding:10px 0}
body.tpl-warta .pg-warta-modlist li:first-child{border-top:0;padding-top:0}
body.tpl-warta .pg-warta-modlist a{font-size:15px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-vid{background:#000;border-radius:var(--radius-card,2px);overflow:hidden}
body.tpl-warta .pg-warta-vid iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
body.tpl-warta .pg-warta-vid .b{background:#fff;padding:9px 11px;font-size:13.5px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-latest{list-style:none;margin:0;padding:0}
body.tpl-warta .pg-warta-latest li{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}
body.tpl-warta .pg-warta-latest li:first-child{border-top:0}
body.tpl-warta .pg-warta-latest .im img{width:120px;height:78px;object-fit:cover;border-radius:var(--radius-card,2px)}
body.tpl-warta .pg-warta-latest h3{margin:4px 0 5px;font-size:16px;font-weight:700;line-height:1.3}
body.tpl-warta .pg-warta-latest .tm{font-size:11px}
[data-theme=dark] body.tpl-warta .pg-warta-lead,[data-theme=dark] body.tpl-warta .pg-warta-med,[data-theme=dark] body.tpl-warta .pg-warta-sm,[data-theme=dark] body.tpl-warta .pg-warta-pop,[data-theme=dark] body.tpl-warta .pg-warta-modfeat,[data-theme=dark] body.tpl-warta .pg-warta-vid .b{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-warta .pg-warta-pop li,[data-theme=dark] body.tpl-warta .pg-warta-modlist li,[data-theme=dark] body.tpl-warta .pg-warta-latest li{border-color:#2b2f36}
@media(max-width:900px){
  body.tpl-warta .pg-warta-grid{grid-template-columns:1fr 1fr}
  body.tpl-warta .pg-warta-lead{grid-column:1 / span 2;grid-row:auto}
  body.tpl-warta .pg-warta-med{grid-column:auto}
  body.tpl-warta .pg-warta-pop{grid-column:1 / span 2;grid-row:auto}
}
@media(max-width:760px){
  body.tpl-warta .pg-warta-grid{grid-template-columns:1fr}
  body.tpl-warta .pg-warta-lead,body.tpl-warta .pg-warta-med,body.tpl-warta .pg-warta-pop{grid-column:1}
  body.tpl-warta .pg-warta-lead img{height:220px}
  body.tpl-warta .pg-warta-row{grid-template-columns:repeat(2,1fr)}
  body.tpl-warta .pg-warta-mod{grid-template-columns:1fr}
  body.tpl-warta .pg-warta-latest li{grid-template-columns:96px 1fr;gap:11px}
  body.tpl-warta .pg-warta-latest .im img{width:96px;height:64px}
}
/* ===== PAGE LAYOUT: Lensa (narasi.tv) — video-first sinematik (gelap) ===== */
body.tpl-lensa .pg-lensa-hero{position:relative;display:block;border-radius:var(--radius-card,10px);overflow:hidden;margin-bottom:18px;background:#000}
body.tpl-lensa .pg-lensa-hero img{width:100%;height:380px;object-fit:cover;opacity:.82}
body.tpl-lensa .pg-lensa-hero .b{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff}
body.tpl-lensa .pg-lensa-hero h2{margin:6px 0 7px;font-size:28px;font-weight:800;line-height:1.18;max-width:760px}
body.tpl-lensa .pg-lensa-hero p{margin:0;font-size:14.5px;color:#cfd4dd;line-height:1.5;max-width:680px}
body.tpl-lensa .pg-lensa-hero .ps-cat-tag{color:var(--accent)}
body.tpl-lensa .pg-lensa-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:background .15s}
body.tpl-lensa .pg-lensa-hero:hover .pg-lensa-play{background:var(--accent);border-color:var(--accent)}
body.tpl-lensa .pg-lensa-play>span{color:#fff;font-size:26px;padding-left:5px;line-height:1}
body.tpl-lensa .pg-lensa-play.sm{width:42px;height:42px;border-width:2px}
body.tpl-lensa .pg-lensa-play.sm>span{font-size:14px;padding-left:3px}
body.tpl-lensa .pg-lensa-h{display:flex;align-items:center;gap:10px;margin:26px 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(128,128,128,.28)}
body.tpl-lensa .pg-lensa-h .bar{width:5px;height:20px;background:var(--accent);border-radius:2px}
body.tpl-lensa .pg-lensa-h h2{margin:0;font-size:18px;font-weight:800}
body.tpl-lensa .pg-lensa-h .more{margin-left:auto;font-size:12px;color:var(--soft);font-weight:700}
body.tpl-lensa .pg-lensa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.tpl-lensa .pg-lensa-vcard{display:block;background:#13151b;border-radius:var(--radius-card,10px);overflow:hidden;color:#fff}
body.tpl-lensa .pg-lensa-vcard .scr{position:relative;aspect-ratio:16/9;background:#000}
body.tpl-lensa .pg-lensa-vcard .scr iframe{width:100%;height:100%;border:0;display:block}
body.tpl-lensa .pg-lensa-vcard .scr img{width:100%;height:100%;object-fit:cover}
body.tpl-lensa .pg-lensa-vcard .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px}
body.tpl-lensa .pg-lensa-vcard .b{padding:11px 13px 13px}
body.tpl-lensa .pg-lensa-vcard .badge{display:inline-block;font-size:10.5px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
body.tpl-lensa .pg-lensa-vcard h3{margin:0;font-size:15px;font-weight:700;line-height:1.32;color:#fff}
body.tpl-lensa a.pg-lensa-vcard:hover h3{color:var(--accent)}
body.tpl-lensa .pg-lensa-rail{display:grid;grid-auto-flow:column;grid-auto-columns:240px;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
body.tpl-lensa .pg-lensa-clip{scroll-snap-align:start}
body.tpl-lensa .pg-lensa-clip .scr{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-card,10px);overflow:hidden;background:#000}
body.tpl-lensa .pg-lensa-clip .scr img{width:100%;height:100%;object-fit:cover}
body.tpl-lensa .pg-lensa-clip h4{margin:9px 0 0;font-size:13.5px;font-weight:700;line-height:1.32}
body.tpl-lensa .pg-lensa-clip .pg-lensa-play.sm{width:36px;height:36px}
body.tpl-lensa .pg-lensa-clip .pg-lensa-play.sm>span{font-size:12px}
body.tpl-lensa .pg-lensa-list{display:flex;flex-direction:column;gap:14px}
body.tpl-lensa .pg-lensa-row{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center}
body.tpl-lensa .pg-lensa-row .scr{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-card,10px);overflow:hidden;background:#000}
body.tpl-lensa .pg-lensa-row .scr img{width:100%;height:100%;object-fit:cover}
body.tpl-lensa .pg-lensa-row h3{margin:4px 0 5px;font-size:16px;font-weight:700;line-height:1.3}
body.tpl-lensa .pg-lensa-row .tm{font-size:11.5px;color:var(--soft);font-weight:600}
@media(max-width:760px){
  body.tpl-lensa .pg-lensa-hero img{height:240px}
  body.tpl-lensa .pg-lensa-hero h2{font-size:20px}
  body.tpl-lensa .pg-lensa-play{width:58px;height:58px}
  body.tpl-lensa .pg-lensa-play>span{font-size:20px}
  body.tpl-lensa .pg-lensa-grid{grid-template-columns:1fr;gap:14px}
  body.tpl-lensa .pg-lensa-rail{grid-auto-columns:200px}
  body.tpl-lensa .pg-lensa-row{grid-template-columns:120px 1fr;gap:11px}
}

/* ===== REMOTIVI (pemantau media) — minimal serif, kajian/esai terpusat ===== */
body.tpl-remotivi{--font-head:Georgia,"Times New Roman",serif;--radius-card:3px}
body.tpl-remotivi .ps-logo{font-family:Georgia,serif;font-weight:700}
body.tpl-remotivi .ps-nav{background:#fff;border-bottom:1px solid var(--line)}
body.tpl-remotivi .ps-nav a{color:var(--ink);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:0}
body.tpl-remotivi .ps-nav a:hover,body.tpl-remotivi .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-remotivi .ps-cat-tag{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:11px;color:var(--accent)}
[data-theme=dark] body.tpl-remotivi .ps-nav{background:#1b1e24;border-color:#2b2f36}
[data-theme=dark] body.tpl-remotivi .ps-nav a{color:var(--ink)}
body.tpl-remotivi .pg-rmt-hero{max-width:760px;margin:0 auto 8px}
body.tpl-remotivi .pg-rmt-lead{display:block;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:18px}
body.tpl-remotivi .pg-rmt-lead h2{font-family:Georgia,serif;font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.4px;margin:8px 0 12px}
@media(max-width:680px){body.tpl-remotivi .pg-rmt-lead h2{font-size:26px}}
body.tpl-remotivi .pg-rmt-dek{font-size:17px;line-height:1.7;color:var(--soft);margin:0 0 12px}
body.tpl-remotivi .pg-rmt-by{font-size:12.5px;color:var(--soft);text-transform:uppercase;letter-spacing:.5px}
body.tpl-remotivi .pg-rmt-sub{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto}
@media(max-width:680px){body.tpl-remotivi .pg-rmt-sub{grid-template-columns:1fr}}
body.tpl-remotivi .pg-rmt-subitem h3{font-family:Georgia,serif;font-size:18px;line-height:1.3;font-weight:700;margin:5px 0 0}
body.tpl-remotivi .pg-rmt-h{max-width:760px;margin:30px auto 14px;border-bottom:2px solid var(--ink);display:flex;align-items:flex-end}
body.tpl-remotivi .pg-rmt-h h2{font-family:Georgia,serif;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
body.tpl-remotivi .pg-rmt-h .more{margin-left:auto;font-size:12px;color:var(--soft);padding-bottom:6px}
body.tpl-remotivi .pg-rmt-list{max-width:760px;margin:0 auto}
body.tpl-remotivi .pg-rmt-item{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}
body.tpl-remotivi .pg-rmt-item-tx{flex:1}
body.tpl-remotivi .pg-rmt-item h3{font-family:Georgia,serif;font-size:21px;line-height:1.3;font-weight:700;margin:5px 0 7px}
body.tpl-remotivi .pg-rmt-item p{font-size:14.5px;line-height:1.65;color:var(--soft);margin:0 0 7px}
body.tpl-remotivi .pg-rmt-item-img{flex:none;width:150px}
body.tpl-remotivi .pg-rmt-item-img img{width:150px;height:100px;object-fit:cover;border-radius:3px}
@media(max-width:680px){body.tpl-remotivi .pg-rmt-item{flex-direction:column-reverse}body.tpl-remotivi .pg-rmt-item-img{width:100%}body.tpl-remotivi .pg-rmt-item-img img{width:100%;height:180px}}
body.tpl-remotivi .pg-rmt-rubrik{max-width:760px;margin:0 auto;columns:2;column-gap:30px}
@media(max-width:680px){body.tpl-remotivi .pg-rmt-rubrik{columns:1}}
body.tpl-remotivi .pg-rmt-rubrik a{display:block;break-inside:avoid;padding:9px 0;border-bottom:1px dashed var(--line)}
body.tpl-remotivi .pg-rmt-rubrik h4{font-family:Georgia,serif;font-size:15.5px;line-height:1.32;font-weight:700;margin:0}
body.tpl-remotivi .pg-rmt-rubrik .muted{font-size:11.5px;display:block;margin-top:3px}

/* ===== GEOTIMES (portal opini/analisis) — lead opini + rail kolom + kartu sorotan ===== */
body.tpl-geotimes{--font-head:"Segoe UI",system-ui,Arial,sans-serif;--radius-card:6px}
body.tpl-geotimes .ps-nav{background:#fff;border-bottom:2px solid var(--accent)}
body.tpl-geotimes .ps-nav a{color:var(--ink);font-weight:700;font-size:13px;border-bottom:0}
body.tpl-geotimes .ps-nav a:hover,body.tpl-geotimes .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-geotimes .ps-cat-tag{text-transform:uppercase;letter-spacing:.6px;font-weight:800;font-size:11px;color:var(--accent)}
[data-theme=dark] body.tpl-geotimes .ps-nav{background:#1b1e24;border-bottom-color:var(--accent)}
[data-theme=dark] body.tpl-geotimes .ps-nav a{color:var(--ink)}
body.tpl-geotimes .pg-geo-top{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
@media(max-width:760px){body.tpl-geotimes .pg-geo-top{grid-template-columns:1fr}}
body.tpl-geotimes .pg-geo-lead img{width:100%;height:330px;object-fit:cover;border-radius:6px;margin-bottom:10px}
@media(max-width:760px){body.tpl-geotimes .pg-geo-lead img{height:220px}}
body.tpl-geotimes .pg-geo-lead h2{font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.4px;margin:6px 0 8px}
body.tpl-geotimes .pg-geo-lead p{font-size:15px;line-height:1.6;color:var(--soft);margin:0}
body.tpl-geotimes .pg-geo-railhead{font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:13px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:6px;margin-bottom:4px}
body.tpl-geotimes .pg-geo-col{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
body.tpl-geotimes .pg-geo-col:last-child{border-bottom:0}
body.tpl-geotimes .pg-geo-col h4{font-size:15.5px;line-height:1.3;font-weight:700;margin:0 0 3px}
body.tpl-geotimes .pg-geo-by{font-size:12px}
body.tpl-geotimes .pg-geo-h{display:flex;align-items:center;border-left:5px solid var(--accent);padding-left:10px;margin:26px 0 14px}
body.tpl-geotimes .pg-geo-h h2{font-size:19px;font-weight:800;margin:0}
body.tpl-geotimes .pg-geo-h .more{margin-left:auto;font-size:12px;color:var(--soft)}
body.tpl-geotimes .pg-geo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:760px){body.tpl-geotimes .pg-geo-cards{grid-template-columns:1fr}}
body.tpl-geotimes .pg-geo-card img{width:100%;height:160px;object-fit:cover;border-radius:6px}
body.tpl-geotimes .pg-geo-card h3{font-size:16px;font-weight:700;line-height:1.3;margin:9px 0 5px}
body.tpl-geotimes .pg-geo-card p{font-size:13px;line-height:1.55;color:var(--soft);margin:0}
body.tpl-geotimes .pg-geo-sec{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:10px}
@media(max-width:760px){body.tpl-geotimes .pg-geo-sec{grid-template-columns:1fr}}
body.tpl-geotimes .pg-geo-feat img{width:100%;height:220px;object-fit:cover;border-radius:6px}
body.tpl-geotimes .pg-geo-feat h3{font-size:20px;font-weight:800;line-height:1.25;margin:10px 0 6px}
body.tpl-geotimes .pg-geo-feat p{font-size:14px;color:var(--soft);line-height:1.6;margin:0}
body.tpl-geotimes .pg-geo-seclist a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}
body.tpl-geotimes .pg-geo-seclist h4{font-size:15px;line-height:1.3;font-weight:700;margin:0 0 3px}

/* ===== FT (broadsheet bisnis) — latar salmon, serif, indeks kolom + Paling Dibaca ===== */
body.tpl-ft{--font-head:Georgia,"Times New Roman",serif;--radius-card:2px;background:#fff1e5}
body.tpl-ft .ps-logo{font-family:Georgia,serif;font-weight:800;letter-spacing:-.4px}
body.tpl-ft .ps-nav{background:#fff1e5;border-top:1px solid #e6d9c8;border-bottom:1px solid #e6d9c8}
body.tpl-ft .ps-nav a{color:var(--ink);font-weight:600;font-size:12.5px;border-bottom:0}
body.tpl-ft .ps-nav a:hover,body.tpl-ft .ps-nav a.on{color:var(--accent);background:transparent}
body.tpl-ft .ps-cat-tag{text-transform:uppercase;letter-spacing:.8px;font-weight:700;font-size:10.5px;color:var(--accent)}
body.tpl-ft .ps-side .box{background:#fff}
[data-theme=dark] body.tpl-ft{background:#1a1410}
[data-theme=dark] body.tpl-ft .ps-nav{background:#1f1813;border-top-color:#3a2f24;border-bottom-color:#3a2f24}
[data-theme=dark] body.tpl-ft .ps-nav a{color:var(--ink)}
[data-theme=dark] body.tpl-ft .ps-side .box{background:#1f1813;border-color:#3a2f24}
body.tpl-ft .pg-ft-top{display:grid;grid-template-columns:1.7fr 1fr .9fr;gap:24px;margin-bottom:20px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
@media(max-width:880px){body.tpl-ft .pg-ft-top{grid-template-columns:1fr}}
body.tpl-ft .pg-ft-lead img{width:100%;height:300px;object-fit:cover;border-radius:2px;margin-bottom:10px}
body.tpl-ft .pg-ft-lead h2{font-family:Georgia,serif;font-size:28px;font-weight:800;line-height:1.18;letter-spacing:-.3px;margin:6px 0 8px}
body.tpl-ft .pg-ft-lead p{font-size:15px;line-height:1.6;color:var(--soft);margin:0}
body.tpl-ft .pg-ft-col{display:flex;flex-direction:column;border-left:1px solid #e0d2c0;padding-left:18px}
body.tpl-ft .pg-ft-colitem{display:block;padding:11px 0;border-bottom:1px solid #e0d2c0}
body.tpl-ft .pg-ft-colitem:last-child{border-bottom:0}
body.tpl-ft .pg-ft-colitem h4{font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:1.25;margin:3px 0 0}
body.tpl-ft .pg-ft-mostread{background:rgba(0,0,0,.03);border-radius:3px;padding:12px 14px}
body.tpl-ft .pg-ft-mrhead{font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:12px;color:var(--accent);margin-bottom:6px}
body.tpl-ft .pg-ft-mostread ol{margin:0;padding-left:20px}
body.tpl-ft .pg-ft-mostread li{padding:6px 0;border-bottom:1px solid #e0d2c0;font-size:13.5px;line-height:1.35}
body.tpl-ft .pg-ft-mostread li:last-child{border-bottom:0}
body.tpl-ft .pg-ft-index{display:grid;grid-template-columns:repeat(4,1fr);gap:0 22px;border-top:1px solid var(--ink);padding-top:14px}
@media(max-width:880px){body.tpl-ft .pg-ft-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body.tpl-ft .pg-ft-index{grid-template-columns:1fr}}
body.tpl-ft .pg-ft-idxcol+.pg-ft-idxcol{border-left:1px solid #e0d2c0;padding-left:22px}
@media(max-width:880px){body.tpl-ft .pg-ft-idxcol+.pg-ft-idxcol{border-left:0;padding-left:0}}
body.tpl-ft .pg-ft-idxhead{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:5px;margin-bottom:6px}
body.tpl-ft .pg-ft-idxitem{display:block;padding:9px 0;border-bottom:1px solid #ece0d0}
body.tpl-ft .pg-ft-idxitem h4{font-family:Georgia,serif;font-size:15px;font-weight:700;line-height:1.3;margin:0}
body.tpl-ft .pg-ft-h{border-bottom:2px solid var(--ink);margin:26px 0 14px}
body.tpl-ft .pg-ft-h h2{font-family:Georgia,serif;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin:0 0 6px}
body.tpl-ft .pg-ft-lrow{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #ece0d0}
body.tpl-ft .pg-ft-lrow img{width:120px;height:80px;object-fit:cover;border-radius:2px;flex:none}
body.tpl-ft .pg-ft-lrow h3{font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:1.3;margin:4px 0 3px}
[data-theme=dark] body.tpl-ft .pg-ft-col,[data-theme=dark] body.tpl-ft .pg-ft-colitem,[data-theme=dark] body.tpl-ft .pg-ft-idxcol+.pg-ft-idxcol,[data-theme=dark] body.tpl-ft .pg-ft-idxitem,[data-theme=dark] body.tpl-ft .pg-ft-mostread li,[data-theme=dark] body.tpl-ft .pg-ft-lrow{border-color:#3a2f24}
[data-theme=dark] body.tpl-ft .pg-ft-mostread{background:rgba(255,255,255,.05)}