/* Zakademia — pencarian seluruh situs (dipakai bersama js/cari.js). Berdiri sendiri: aman dipasang di halaman mana pun. */
.zk-cari,.zk-cari-btn{--zc-bg:#FFFFF0;--zc-paper:#FFFFFF;--zc-mist:#F2F5E6;--zc-ink:#10291F;--zc-mute:#4A6355;--zc-line:#DCE5D7;--zc-deep:#0B4D33;--zc-gold:#C99A3B;--zc-gold-soft:#FBEFD2;--zc-sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif}

/* tombol kaca pembesar di header */
.zk-cari-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;margin:0;border-radius:999px;border:1.5px solid var(--zc-line);background:transparent;color:var(--zc-ink);cursor:pointer;transition:background .2s,border-color .2s}
.zk-cari-btn:hover{background:var(--zc-mist);border-color:var(--zc-mist)}
.zk-cari-btn:focus-visible{outline:2px solid var(--zc-gold);outline-offset:3px}
.zk-cari-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* letak tombol di header beranda (index.html): ikon di ujung menu; di ponsel di sebelah tombol Menu */
.nav .menu{margin-left:auto}
.nav .zk-cari-btn{order:2;margin-left:6px}
.nav .menu-toggle{order:3}
@media (max-width:880px){.nav .zk-cari-btn{margin-left:auto}.nav .menu-toggle{margin-left:8px}}
/* header Literasi */
.lt-nav .zk-cari-btn{margin-left:2px}
@media (max-width:640px){.lt-nav .zk-cari-btn{order:1;margin-left:auto;width:40px;height:40px}.lt-nav nav{order:2;width:100%;margin-left:0}}
/* header aplikasi (Survei, Analitik, Belajar) */
.top .in .zk-cari-btn{width:40px;height:40px}
@media (max-width:640px){.top .in .zk-cari-btn{order:1;margin-left:auto}.top .in nav{order:2;width:100%;margin-left:0}}

/* jendela pencarian */
html.zk-cari-on{overflow:hidden}
.zk-cari{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:max(10vh,24px) 16px 16px;border:0;background:transparent;color:var(--zc-ink);font-family:var(--zc-sans);overflow:auto}
.zk-cari:not([open]){display:none}
.zk-cari::backdrop{background:rgba(8,40,27,.42);backdrop-filter:blur(3px)}
.zk-cari-box{max-width:660px;margin:0 auto;background:var(--zc-bg);border:1px solid var(--zc-line);border-radius:24px 24px 24px 8px;box-shadow:0 2px 4px rgba(11,77,51,.06),0 40px 80px -30px rgba(11,77,51,.55);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - max(10vh,24px) - 16px)}
@media (prefers-reduced-motion:no-preference){.zk-cari[open] .zk-cari-box{animation:zkCari .22s ease both}}
@keyframes zkCari{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.zk-cari-bar{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 20px;border-bottom:1px solid var(--zc-line);background:var(--zc-paper)}
.zk-cari-bar svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--zc-deep);stroke-width:2.2;stroke-linecap:round}
.zk-cari-bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 19px/1.4 var(--zc-sans);color:var(--zc-ink);padding:8px 0}
.zk-cari-bar input::placeholder{color:var(--zc-mute);opacity:.85}
.zk-cari-bar input::-webkit-search-cancel-button{cursor:pointer}
.zk-cari-tutup{flex:none;min-height:40px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--zc-line);background:transparent;color:var(--zc-mute);font:600 14px var(--zc-sans);cursor:pointer}
.zk-cari-tutup:hover{color:var(--zc-ink);background:var(--zc-mist)}
.zk-cari-info{margin:0;padding:14px 20px 4px;font-size:14px;line-height:1.7;color:var(--zc-mute)}
.zk-cari-info b{color:var(--zc-ink)}
.zk-cari-saran{display:inline-block;margin:6px 4px 0 0;padding:4px 12px;border-radius:999px;border:1px solid var(--zc-line);background:var(--zc-paper);color:var(--zc-deep);font:600 13px var(--zc-sans);cursor:pointer}
.zk-cari-saran:hover{border-color:var(--zc-gold);background:var(--zc-gold-soft)}
.zk-cari-list{list-style:none;margin:0;padding:6px 10px 12px;overflow:auto;overscroll-behavior:contain}
.zk-cari-list li a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:16px;text-decoration:none;color:var(--zc-ink);border:1.5px solid transparent}
.zk-cari-list li a:hover{background:var(--zc-mist)}
.zk-cari-list li[aria-selected="true"] a{background:var(--zc-paper);border-color:var(--zc-gold)}
.zk-cari-list li a:focus-visible{outline:2px solid var(--zc-gold);outline-offset:0}
.zk-cari-k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A5410}
.zk-cari-list b{font-size:16px;font-weight:700;line-height:1.35}
.zk-cari-d{font-size:14px;line-height:1.55;color:var(--zc-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zk-cari mark{background:var(--zc-gold-soft);color:inherit;border-radius:3px;padding:0 1px;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--zc-gold) 55%,transparent)}
.zk-cari-kaki{display:flex;gap:18px;margin:0;padding:10px 20px;border-top:1px solid var(--zc-line);font-size:12.5px;color:var(--zc-mute);background:var(--zc-paper)}
.zk-cari-kaki kbd{display:inline-block;min-width:22px;margin-right:4px;padding:1px 6px;border:1px solid var(--zc-line);border-bottom-width:2px;border-radius:6px;background:var(--zc-bg);font:600 11.5px var(--zc-sans);text-align:center;color:var(--zc-ink)}
@media (max-width:640px),(pointer:coarse){.zk-cari-kaki{display:none}}
@media (max-width:640px){
  .zk-cari{padding:0}
  .zk-cari-box{max-width:none;min-height:100dvh;max-height:100dvh;border-radius:0;border:0}
  .zk-cari-bar{padding:10px 10px 10px 16px;padding-top:max(10px,env(safe-area-inset-top))}
  .zk-cari-bar input{font-size:17px}
}

/* sorotan kartu yang dituju dari hasil pencarian (kajian, buku, artikel ilmiah) */
.zk-cari-sorot{outline:3px solid #C99A3B!important;outline-offset:6px;transition:outline-color .4s;scroll-margin-top:100px}