/*
Theme Name: JP6789 Panduan As9C1rK4
Theme URI: https://jp6789login.asia/
Author: JP6789 Panduan Indonesia
Description: Tema editorial independen bergaya Nordic minimal untuk panduan JP6789 Indonesia.
Version: 1.0.0
Text Domain: jp6789-panduan
*/

:root{--bg:#f7fafb;--paper:#fff;--soft:#edf3f5;--ink:#182126;--muted:#5b6d75;--line:#d5e0e4;--accent:#24677a;--accent-dark:#174b5b;--warm:#c47f37;--focus:#0b708d;--wide:1180px;--read:740px;--radius:4px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.72 "Noto Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:#0b708d}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px 16px;z-index:9999}.skip-link:focus{left:8px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{max-width:var(--wide);min-height:68px;margin:auto;padding:8px clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-brand{display:block;flex:0 0 auto}.custom-logo,.brand-image{width:auto;height:46px;max-width:300px;object-fit:contain}.brand-text{font-weight:800;color:var(--ink);text-decoration:none}
.menu-toggle{display:none;min-width:48px;min-height:48px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:var(--radius);font:inherit}
.primary-nav ul{display:flex;list-style:none;gap:18px;margin:0;padding:0;align-items:center}.primary-nav a{display:flex;min-height:44px;align-items:center;color:var(--ink);text-decoration:none;font-size:14px;font-weight:650;border-bottom:2px solid transparent;white-space:nowrap}.primary-nav a:hover,.primary-nav .current-menu-item>a{border-bottom-color:var(--accent)}
.site-main{min-height:60vh}.article-shell{max-width:var(--wide);margin:auto;padding:clamp(42px,7vw,90px) clamp(18px,4vw,54px) clamp(70px,9vw,116px)}
.article-header{max-width:900px;margin:0 0 clamp(36px,6vw,72px)}
.eyebrow{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.1em;font-size:13px;margin:0 0 14px}
h1,h2,h3{line-height:1.16;letter-spacing:-.025em;color:#122027;text-wrap:balance}
h1{font-size:clamp(2.25rem,6vw,4.45rem);margin:.1em 0 .35em;max-width:980px}
h2{font-size:clamp(1.7rem,3.4vw,2.65rem);margin:2.15em 0 .55em;border-top:1px solid var(--line);padding-top:1em}
h3{font-size:clamp(1.28rem,2vw,1.65rem);margin:1.8em 0 .45em}
.updated{color:var(--muted);font-size:14px}.entry-content{max-width:var(--read)}
.home .entry-content{max-width:none}.home .entry-content>section{max-width:var(--read);margin:0 0 clamp(72px,9vw,108px)}
.home .entry-content>section:has(.editorial-figure),.home .entry-content>.editorial-figure{max-width:var(--wide)}
.entry-content p{margin:0 0 1.35em}.entry-content li{margin:.45em 0}.entry-content ul,.entry-content ol{padding-left:1.35em;margin:1.2em 0 1.8em}
.entry-content blockquote,.editor-note{margin:2em 0;padding:18px 22px;border-left:4px solid var(--accent);background:var(--soft)}
.editorial-figure{width:min(var(--wide),calc(100vw - 36px));margin:clamp(32px,5vw,58px) 0;transform:none}.editorial-figure img{width:100%;border-radius:var(--radius);background:#dfe7ea}.editorial-figure figcaption{font-size:14px;color:var(--muted);margin-top:10px;max-width:760px}
.asset{margin:2em 0;border:1px solid var(--line);background:var(--paper);padding:clamp(18px,3vw,30px)}
.asset>strong:first-child{display:block;color:var(--accent-dark);margin-bottom:12px;font-size:1.08em}
.table-wrap{overflow-x:auto;margin:2em 0;border:1px solid var(--line);background:#fff}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}th,td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line)}th{background:var(--soft);font-weight:750}
.faq-section{max-width:860px!important}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.faq-item summary{cursor:pointer;min-height:52px;padding:15px 52px 15px 18px;font-weight:750;position:relative}.faq-item summary::after{content:"+";position:absolute;right:18px;top:11px;font-size:24px;color:var(--accent)}.faq-item[open] summary::after{content:"−"}.faq-answer{padding:0 18px 18px;color:#2b3b42}.faq-answer p:last-child{margin-bottom:0}
.site-footer{border-top:1px solid var(--line);background:#eef3f5}.footer-inner{max-width:var(--wide);margin:auto;padding:46px clamp(18px,4vw,54px)}.footer-brand{font-weight:800;margin:0 0 8px}.footer-note{max-width:760px;color:var(--muted);margin:0 0 22px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;padding:0;margin:0 0 20px}.footer-links a{font-size:14px}.footer-contact{font-size:14px;color:var(--muted)}
.trust-page .entry-content{max-width:760px}.page-listing{max-width:var(--read)}
@media(max-width:1200px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.primary-nav{position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px 20px;display:none}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;gap:2px}.primary-nav a{font-size:16px;padding:4px 8px;white-space:normal}.custom-logo,.brand-image{max-width:240px;height:40px}}
@media(max-width:600px){body{font-size:16px;line-height:1.68}.article-shell{padding-top:34px}h1{font-size:clamp(2.05rem,10vw,2.75rem)}h2{font-size:clamp(1.6rem,8vw,2.05rem)}.header-inner{padding-inline:16px}.custom-logo,.brand-image{max-width:210px;height:38px}.editorial-figure{width:100%;margin:28px 0}.editorial-figure img{max-height:440px;object-fit:cover}.editorial-figure--portrait img{aspect-ratio:4/5}.table-wrap{margin-inline:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}