:root{--tinta:#12233a;--tinta-lembut:#3b4e68;--tinta-samar:#6e7f96;--kertas:#f5f1e8;--kertas-tua:#ebe4d6;--krem:#fffdf8;--putih:#fff;--teal:#0f7a8c;--teal-terang:#17a2b8;--teal-samar:#e3f1f3;--amber:#c2571a;--amber-samar:#fbede2;--hijau:#2e7d5b;--hijau-samar:#e4f1ea;--merah:#a8322b;--merah-samar:#f8e7e5;--ungu:#5b4b8a;--ungu-samar:#ece8f5;--tema-teal:#0f7a8c;--tema-amber:#c2571a;--tema-hijau:#2e7d5b;--tema-ungu:#5b4b8a;--tema-merah:#a8322b;--tema-nila:#2f5d9e;--tema-sage:#4e7c59;--lengkung:4px;--lengkung-bsr:10px;--garis:1px solid var(--kertas-tua);--garis-tinta:1px solid #12233a24;--bayang-1:0 1px 2px #12233a0f, 0 2px 6px #12233a0a;--bayang-2:0 2px 6px #12233a14, 0 12px 28px #12233a1a;--bayang-3:0 6px 18px #12233a1f, 0 24px 60px #12233a29;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lebar:1180px;--lebar-sempit:760px;--gerak:.22s cubic-bezier(.2, .7, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--sans);color:var(--tinta);background:var(--kertas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16.5px;line-height:1.62}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.18}h1{letter-spacing:-.022em;font-size:clamp(2rem,4.2vw,3.1rem)}h2{font-size:clamp(1.45rem,2.6vw,2rem)}h3{font-size:1.2rem}h4{font-size:1.02rem}p{margin:0 0 1em}p:last-child{margin-bottom:0}a{color:var(--teal);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}img,svg,video{max-width:100%}img,video{display:block}img{height:auto}svg{vertical-align:middle;display:inline-block}:focus-visible{outline:2.5px solid var(--amber);outline-offset:2px;border-radius:2px}::selection{background:var(--teal-samar);color:var(--tinta)}.bingkai{width:100%;max-width:var(--lebar);margin-inline:auto;padding-inline:24px}.bingkai-sempit{width:100%;max-width:var(--lebar-sempit);margin-inline:auto;padding-inline:24px}@media (max-width:620px){.bingkai,.bingkai-sempit{padding-inline:18px}}.pias{padding-block:clamp(48px,7vw,84px)}.pias-tipis{padding-block:clamp(32px,4.5vw,52px)}.kapital{letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-samar);font-size:.715rem;font-weight:700}.kapital svg{vertical-align:-2px;margin-right:5px}.kapital-teal{color:var(--teal)}.kapital-amber{color:var(--amber)}.pengantar{color:var(--tinta-lembut);font-size:clamp(1.06rem,1.5vw,1.2rem);line-height:1.62}.kecil{color:var(--tinta-lembut);font-size:.875rem}.renik{color:var(--tinta-samar);font-size:.8rem}.judul-pias{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.judul-pias h2{flex:none}.judul-pias .rentang{background:var(--kertas-tua);flex:60px;height:1px;transform:translateY(-6px)}.judul-pias .lanjut{flex:none;font-size:.9rem;font-weight:600}.tbl{font-family:var(--sans);border-radius:var(--lengkung);background:var(--tinta);color:var(--krem);cursor:pointer;transition:transform var(--gerak), box-shadow var(--gerak), background var(--gerak), color var(--gerak);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.935rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.tbl:hover{box-shadow:var(--bayang-2);text-decoration:none;transform:translateY(-1px)}.tbl:active{box-shadow:var(--bayang-1);transform:translateY(0)}.tbl:disabled,.tbl[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.tbl-utama{background:var(--teal);color:#fff}.tbl-utama:hover{background:#0c6675}.tbl-sorot{background:var(--amber);color:#fff}.tbl-sorot:hover{background:#a8480f}.tbl-garis{color:var(--tinta);background:0 0;border-color:#12233a3d}.tbl-garis:hover{background:var(--krem);border-color:var(--tinta)}.tbl-hantu{color:var(--tinta-lembut);background:0 0;padding-inline:12px}.tbl-hantu:hover{color:var(--tinta);box-shadow:none;background:#12233a0d;transform:none}.tbl-kecil{padding:8px 14px;font-size:.855rem}.tbl-besar{padding:15px 28px;font-size:1rem}.tbl-penuh{width:100%}.lencana{letter-spacing:.04em;background:var(--kertas-tua);color:var(--tinta-lembut);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.765rem;font-weight:700;display:inline-flex}.lencana-teal{background:var(--teal-samar);color:#0a5d6b}.lencana-amber{background:var(--amber-samar);color:#90400e}.lencana-hijau{background:var(--hijau-samar);color:#1f5c41}.lencana-merah{background:var(--merah-samar);color:#82231d}.lencana-ungu{background:var(--ungu-samar);color:#453873}.cap{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid;border-radius:3px;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-block}.cap-sah{color:var(--hijau)}.cap-tunggu{color:var(--amber)}.cap-rancang{color:var(--tinta-samar)}.cap-tarik{color:var(--merah)}.kartu{background:var(--krem);border:var(--garis);border-radius:var(--lengkung-bsr);box-shadow:var(--bayang-1)}.kartu-isi{padding:22px 24px}.isian{margin-bottom:20px;display:block}.isian>.nama{letter-spacing:.02em;color:var(--tinta);margin-bottom:7px;font-size:.85rem;font-weight:700;display:block}.isian .bantu{color:var(--tinta-samar);margin-top:6px;font-size:.82rem;font-weight:400;display:block}.isian .salah{color:var(--merah);margin-top:6px;font-size:.845rem;font-weight:600;display:block}input[type=text],input[type=password],input[type=search],input[type=date],input[type=number],input[type=email],input[type=tel],select,textarea{width:100%;font-family:var(--sans);color:var(--tinta);background:var(--putih);border-radius:var(--lengkung);transition:border-color var(--gerak), box-shadow var(--gerak);border:1px solid #12233a38;padding:11px 13px;font-size:.97rem}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-samar);outline:none}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--merah)}textarea{resize:vertical;min-height:110px;line-height:1.55}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236E7F96' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}.keping-set{flex-wrap:wrap;gap:8px;display:flex}.keping{position:relative}.keping input{opacity:0;width:0;height:0;position:absolute}.keping span{cursor:pointer;background:var(--putih);color:var(--tinta-lembut);transition:all var(--gerak);border:1px solid #12233a2e;border-radius:999px;padding:8px 15px;font-size:.885rem;font-weight:600;display:inline-block}.keping span:hover{border-color:var(--teal);color:var(--teal)}.keping input:checked+span{background:var(--tinta);border-color:var(--tinta);color:var(--krem)}.keping input:focus-visible+span{outline:2.5px solid var(--amber);outline-offset:2px}.warta{border-radius:var(--lengkung);border-left:3px solid;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:.93rem;display:flex}.warta>svg{flex:none;margin-top:2px}.warta-berhasil{background:var(--hijau-samar);border-color:var(--hijau);color:#1f5c41}.warta-galat{background:var(--merah-samar);border-color:var(--merah);color:#82231d}.warta-ingat{background:var(--amber-samar);border-color:var(--amber);color:#90400e}.warta-kabar{background:var(--teal-samar);border-color:var(--teal);color:#0a5d6b}.tabel{border-collapse:collapse;width:100%;font-size:.92rem}.tabel th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-samar);border-bottom:2px solid var(--kertas-tua);white-space:nowrap;padding:10px 12px;font-size:.74rem;font-weight:700}.tabel td{border-bottom:var(--garis);vertical-align:top;padding:12px}.tabel tbody tr:hover{background:#0f7a8c0a}.tabel .angka{text-align:right;font-variant-numeric:tabular-nums}.gulung-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.kosong{text-align:center;color:var(--tinta-samar);padding:56px 24px}.kosong h3{color:var(--tinta-lembut);margin-bottom:8px}.muncul{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.3,1);transform:translateY(14px)}.muncul.tampak{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.muncul{opacity:1;transform:none}}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lewati{z-index:100;background:var(--tinta);color:var(--krem);border-radius:var(--lengkung);transition:top var(--gerak);padding:10px 18px;position:absolute;top:-60px;left:12px}.lewati:focus{top:12px}@media print{.tanpa-cetak{display:none!important}body{background:#fff;font-size:11pt}}
.kepala{z-index:40;-webkit-backdrop-filter:saturate(160%)blur(12px);background:#f5f1e8e0;border-bottom:1px solid #12233a17;position:sticky;top:0}.kepala-isi{align-items:center;gap:28px;height:68px;display:flex}.lambang{flex:none;align-items:center;gap:11px;display:flex}.lambang:hover{text-decoration:none}.lambang svg{flex:none}.lambang .nama{font-family:var(--serif);color:var(--tinta);letter-spacing:-.015em;font-size:1.28rem;font-weight:700;line-height:1}.lambang .sub{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-top:3px;font-size:.655rem;font-weight:700;display:block}.jelajah{align-items:center;gap:4px;margin-left:auto;display:flex}.jelajah a{color:var(--tinta-lembut);border-radius:var(--lengkung);transition:color var(--gerak), background var(--gerak);padding:8px 13px;font-size:.915rem;font-weight:600;position:relative}.jelajah a:hover{color:var(--tinta);background:#12233a0d;text-decoration:none}.jelajah a[aria-current=page]{color:var(--tinta)}.jelajah a[aria-current=page]:after{content:"";background:var(--amber);border-radius:2px;height:2px;position:absolute;bottom:3px;left:13px;right:13px}.kepala-aksi{flex:none;align-items:center;gap:10px;display:flex}.gerbang-menu{cursor:pointer;color:var(--tinta);background:0 0;border:0;padding:8px;display:none}@media (max-width:900px){.jelajah{display:none}.gerbang-menu{display:block}.kepala-aksi .tbl-masuk{display:none}}.laci{background:var(--krem);border-top:1px solid #12233a17;padding:12px 0 18px}.laci a{color:var(--tinta);border-bottom:var(--garis);padding:11px 4px;font-weight:600;display:block}.laci a:last-of-type{border-bottom:0}.kop{background:var(--krem);border-bottom:1px solid #12233a17}.kop-isi{color:var(--tinta-lembut);flex-wrap:wrap;align-items:center;gap:10px;padding-block:11px;font-size:.855rem;display:flex}.kop-isi svg{color:var(--teal);flex:none}.kop-isi strong{color:var(--tinta);font-weight:600}.sorotan{background:var(--tinta);color:var(--krem);position:relative;overflow:hidden}.sorotan:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.sorotan-isi{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(44px,6vw,76px);display:grid;position:relative}.sorotan-kata .kapital{color:#fffdf89e;margin-bottom:14px;display:block}.sorotan-kata h1{color:var(--krem);margin-bottom:18px}.sorotan-kata .pengantar{color:#fffdf8cc;max-width:46ch;margin-bottom:26px}.sorotan-kata .tbl-garis{color:var(--krem);border-color:#fffdf857}.sorotan-kata .tbl-garis:hover{border-color:var(--krem);background:#fffdf81a}.sorotan-tanda{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sorotan-tanda .lencana{color:#fffdf8e6;background:#fffdf821}.sorotan-karya{border-radius:var(--lengkung-bsr);aspect-ratio:4/3;box-shadow:var(--bayang-3);transition:transform var(--gerak);background:#fffdf812;position:relative;overflow:hidden}.sorotan-karya:hover{transform:scale(1.012)}.sorotan-karya img{object-fit:cover;width:100%;height:100%}.sorotan-karya .pita{color:#fffdf8eb;background:linear-gradient(#0000,#09121fd1);padding:34px 22px 16px;font-size:.82rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}@media (max-width:860px){.sorotan-isi{grid-template-columns:1fr}.sorotan-karya{order:-1;transform:none}}.pintu-pias{background:var(--krem);border-bottom:var(--garis)}.pintu-kisi{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:900px){.pintu-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pintu-kisi{grid-template-columns:1fr}}.tema-kisi{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.pintu{border-radius:var(--lengkung-bsr);background:var(--kertas);height:100%;transition:all var(--gerak);border:1px solid #0000;flex-direction:column;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden}.pintu:before{content:"";background:var(--teal);transform-origin:top;width:3px;transition:transform var(--gerak);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.pintu:hover{background:var(--putih);border-color:var(--kertas-tua);box-shadow:var(--bayang-2);text-decoration:none;transform:translateY(-2px)}.pintu:hover:before{transform:scaleY(1)}.pintu .tajuk{font-family:var(--serif);color:var(--tinta);margin-bottom:5px;font-size:1.14rem;font-weight:600;display:block}.pintu .ket{color:var(--tinta-lembut);font-size:.875rem;line-height:1.5;display:block}.pintu .jml{color:var(--teal);letter-spacing:.03em;margin-top:auto;padding-top:12px;font-size:.765rem;font-weight:700;display:block}.dinding{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));align-items:stretch;gap:clamp(16px,2vw,26px);display:grid}.dinding-3{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.poster{flex-direction:column;height:100%;display:flex;position:relative}.poster:hover{text-decoration:none}.poster-karya{aspect-ratio:4/3;border-radius:var(--lengkung-bsr);background:var(--kertas-tua);box-shadow:var(--bayang-1);transition:box-shadow var(--gerak), transform var(--gerak);position:relative;overflow:hidden}.poster:hover .poster-karya{box-shadow:var(--bayang-3);transform:translateY(-3px)}.poster-karya img{object-fit:cover;width:100%;height:100%;transition:transform .48s cubic-bezier(.2,.7,.3,1)}.poster:hover .poster-karya img{transform:scale(1.045)}.poster-karya .selubung{opacity:0;transition:opacity var(--gerak);background:linear-gradient(#0000 30%,#09121f1f 55%,#09121fad 100%);align-items:flex-end;padding:14px;display:flex;position:absolute;inset:0}.poster:hover .poster-karya .selubung,.poster:focus-visible .poster-karya .selubung{opacity:1}.poster-karya .selubung .ajak{color:#fff;letter-spacing:.02em;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.poster-kata{flex-direction:column;flex:auto;padding:13px 2px 0;display:flex}.poster-kata .tema{white-space:nowrap;align-items:center;gap:8px;min-width:0;margin-bottom:7px;display:flex}.poster-kata .tema span{letter-spacing:.05em;text-transform:uppercase;color:var(--warna-tema,var(--teal));text-overflow:ellipsis;font-size:.705rem;font-weight:700;overflow:hidden}.poster-kata .tema .bentuk{color:var(--tinta-samar);padding-left:9px;position:relative}.poster-kata .tema .bentuk:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.poster-kata .tema .bentuk:only-child{padding-left:0}.poster-kata .tema .bentuk:only-child:before{display:none}.poster-kata h3{color:var(--tinta);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.64em;margin-bottom:6px;font-size:1.045rem;line-height:1.32;display:-webkit-box;overflow:hidden}.poster:hover .poster-kata h3{color:var(--teal)}.poster-kata .suara-kartu{color:var(--hijau);white-space:nowrap;align-items:center;gap:6px;min-width:0;margin:auto 0 0;padding-top:10px;font-size:.785rem;display:flex}.poster-kata .suara-kartu span{text-overflow:ellipsis;overflow:hidden}.poster-kata .suara-kartu.belum{color:var(--tinta-samar)}.poster-kata .suara-kartu strong{font-weight:700}.poster-kata .ringkas{color:var(--tinta-lembut);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0;font-size:.855rem;line-height:1.5;display:-webkit-box;overflow:hidden}.baris-materi{border-bottom:var(--garis);gap:14px;padding:12px 0;display:flex}.baris-materi:last-child{border-bottom:0}.baris-materi:hover{text-decoration:none}.baris-materi .gbr{aspect-ratio:4/3;background:var(--kertas-tua);border-radius:5px;flex:0 0 88px;overflow:hidden}.baris-materi .gbr img{object-fit:cover;width:100%;height:100%}.baris-materi .isi h4{color:var(--tinta);margin-bottom:4px;font-size:.965rem;line-height:1.34}.baris-materi:hover .isi h4{color:var(--teal)}.angka-pita{background:var(--tinta);color:var(--krem)}.angka-terang{color:#fffdf899;margin:0 0 -6px;padding-top:26px;font-size:.875rem}.angka-kisi{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.angka-butir{text-align:center;border-right:1px solid #fffdf81f;padding:22px 8px}.angka-butir:last-child{border-right:0}.angka-butir .nilai{font-family:var(--serif);color:var(--krem);font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:600;line-height:1;display:block}.angka-butir .nama{letter-spacing:.11em;text-transform:uppercase;color:#fffdf894;margin-top:9px;font-size:.755rem;font-weight:700;display:block}@media (max-width:640px){.angka-butir{border-bottom:1px solid #fffdf81f;border-right:0}}.lipat{border-bottom:var(--garis)}.lipat summary{cursor:pointer;font-family:var(--serif);color:var(--tinta);align-items:flex-start;gap:14px;padding:18px 0;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.lipat summary::-webkit-details-marker{display:none}.lipat summary:after{content:"";border-right:2px solid var(--tinta-samar);border-bottom:2px solid var(--tinta-samar);width:10px;height:10px;transition:transform var(--gerak);flex:none;margin-top:7px;margin-left:auto;transform:rotate(45deg)}.lipat[open] summary:after{transform:rotate(-135deg)}.lipat summary:hover{color:var(--teal)}.lipat .jawab{color:var(--tinta-lembut);padding:0 34px 20px 0}.lipat .nomor{font-family:var(--mono);color:var(--teal);flex:none;margin-top:5px;font-size:.8rem;font-weight:600}.rinci{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}@media (max-width:940px){.rinci{grid-template-columns:1fr}}.karya-panggung{border-radius:var(--lengkung-bsr);background:var(--tinta);box-shadow:var(--bayang-2);justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.karya-panggung img{object-fit:contain;width:100%;height:auto;max-height:78vh}.karya-panggung .perbesar{color:var(--tinta);cursor:pointer;box-shadow:var(--bayang-1);transition:transform var(--gerak);background:#fffdf8ed;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px}.karya-panggung .perbesar:hover{transform:translateY(-1px)}.karya-sisip{position:sticky;top:88px}@media (max-width:940px){.karya-sisip{position:static}}.rinci-kepala{margin-bottom:22px}.rinci-kepala .tema-baris{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.rinci-kepala h1{margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.35rem)}.rinci-kepala .pengantar{font-size:1.08rem}.simpulan{background:var(--krem);border-left:3px solid var(--amber);border-radius:0 var(--lengkung-bsr) var(--lengkung-bsr) 0;margin:24px 0;padding:20px 22px}.simpulan .kapital{color:var(--amber);margin-bottom:12px;display:block}.simpulan ul{margin:0;padding-left:0;list-style:none}.simpulan li{gap:11px;margin-bottom:11px;font-size:.955rem;line-height:1.55;display:flex}.simpulan li:last-child{margin-bottom:0}.simpulan li:before{content:"";background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px;margin-top:8px}.rinci-aksi{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.fakta{grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:.855rem;display:grid}.fakta dt{color:var(--tinta-samar);font-weight:600}.fakta dd{color:var(--tinta);margin:0}.nilai-kotak{background:linear-gradient(135deg, var(--teal-samar), #e3f1f359);border-radius:var(--lengkung-bsr);border:1px solid #0f7a8c38;margin-top:30px;padding:24px}.nilai-kotak h3{margin-bottom:6px;font-size:1.22rem}.nilai-kotak .ajakan{color:var(--tinta-lembut);margin-bottom:18px;font-size:.93rem}.nilai-pilih{flex-wrap:wrap;gap:12px;display:flex}.nilai-tbl{border-radius:var(--lengkung);cursor:pointer;background:var(--putih);color:var(--tinta);transition:all var(--gerak);border:1.5px solid #12233a29;flex:160px;justify-content:center;align-items:center;gap:9px;padding:15px 18px;font-size:.96rem;font-weight:700;display:flex}.nilai-tbl:hover{border-color:var(--teal);color:var(--teal);box-shadow:var(--bayang-2);transform:translateY(-2px)}.nilai-tbl.terpilih{background:var(--tinta);border-color:var(--tinta);color:var(--krem)}.nilai-tbl svg{flex:none}.nilai-lanjut{border-top:1px solid #0f7a8c33;margin-top:18px;padding-top:18px}.nilai-lanjut .kapital{margin-bottom:10px;display:block}.nilai-terima{text-align:center;padding:12px 0}.nilai-terima .tanda{background:var(--hijau);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 12px;animation:.46s cubic-bezier(.2,.8,.3,1.4) denyut;display:flex}@keyframes denyut{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.nilai-terima h4{margin-bottom:6px}.suara-warga{color:var(--tinta-lembut);align-items:center;gap:10px;margin-top:16px;font-size:.875rem;display:flex}.suara-bar{background:#12233a1a;border-radius:3px;flex:auto;max-width:190px;height:6px;overflow:hidden}.suara-bar i{background:var(--hijau);border-radius:3px;height:100%;display:block}.cahaya{z-index:90;background:#09121fed;justify-content:center;align-items:center;padding:28px;animation:.18s sisip;display:flex;position:fixed;inset:0}@keyframes sisip{0%{opacity:0}to{opacity:1}}.cahaya img{object-fit:contain;border-radius:4px;max-width:100%;max-height:92vh}.cahaya .tutup{color:#fff;cursor:pointer;background:#fffdf826;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex;position:absolute;top:18px;right:18px}.cahaya .tutup:hover{background:#fffdf84d}.penapis-pita{z-index:30;-webkit-backdrop-filter:blur(10px);border-bottom:var(--garis);background:#f5f1e8f0;padding-block:13px;position:sticky;top:68px}.penapis-baris{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cari-kotak{flex:250px;max-width:380px;position:relative}.cari-kotak input{padding-left:38px}.cari-kotak svg{color:var(--tinta-samar);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ajakan-pias{background:var(--amber);color:#fff;border-radius:var(--lengkung-bsr);padding:clamp(28px,4vw,44px);position:relative;overflow:hidden}.ajakan-pias:before{content:"";background:#ffffff17;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.ajakan-pias>*{z-index:2;position:relative}.ajakan-pias h2{color:#fff;margin-bottom:12px}.ajakan-pias p{color:#ffffffe6;max-width:54ch}.ajakan-pias .tbl{color:var(--amber);background:#fff}.ajakan-pias .tbl:hover{background:var(--kertas)}.ajakan-pias .tbl-tembus{color:#fff;background:#ffffff24;border-color:#ffffff80}.ajakan-pias .tbl-tembus:hover{background:#ffffff3d;border-color:#fff}.kaki{background:var(--tinta);color:#fffdf8b3;margin-top:auto}.kaki-isi{grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-block:52px 32px;display:grid}@media (max-width:760px){.kaki-isi{grid-template-columns:1fr;gap:28px}}.kaki h4{color:var(--krem);font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;font-size:.755rem;font-weight:800}.kaki a{color:#fffdf8b3;padding:4px 0;font-size:.91rem;display:block}.kaki a:hover,.kaki .lambang .nama{color:var(--krem)}.kaki p{max-width:42ch;font-size:.89rem;line-height:1.6}.kaki-bawah{color:#fffdf880;border-top:1px solid #fffdf81f;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:18px;font-size:.82rem;display:flex}.karcis{background:var(--krem);border-radius:var(--lengkung-bsr);text-align:center;border:1px dashed #12233a47;padding:26px;position:relative}.karcis:before,.karcis:after{content:"";background:var(--kertas);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.karcis:before{left:-11px}.karcis:after{right:-11px}.karcis .kode{font-family:var(--mono);letter-spacing:.16em;color:var(--tinta);word-break:break-all;margin:12px 0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:700}.lini{margin:0;padding:0 0 0 26px;list-style:none;position:relative}.lini:before{content:"";background:var(--kertas-tua);width:2px;position:absolute;top:8px;bottom:8px;left:6px}.lini li{padding-bottom:24px;position:relative}.lini li:last-child{padding-bottom:0}.lini li:before{content:"";background:var(--kertas);border:2.5px solid var(--kertas-tua);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-26px}.lini li.aktif:before{background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-samar)}.lini li.selesai:before{background:var(--hijau);border-color:var(--hijau)}.lini .waktu{color:var(--tinta-samar);font-size:.79rem;font-weight:600}.lini h4{margin:2px 0 5px;font-size:1rem}.suara-pias{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,52px);display:grid}@media (max-width:720px){.suara-pias{grid-template-columns:1fr}}.suara-angka{text-align:center;border-radius:var(--lengkung-bsr);background:var(--hijau-samar);border:1px solid #2e7d5b38;padding:22px 18px}.suara-angka .besar{font-family:var(--serif);color:var(--hijau);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,6vw,3.6rem);font-weight:600;line-height:1;display:block}.suara-angka .dasar{color:var(--tinta-lembut);margin-top:10px;font-size:.875rem;line-height:1.45;display:block}.pasangan{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(24px,4vw,52px);display:grid}@media (max-width:860px){.pasangan{grid-template-columns:1fr}}.pasangan>*{flex-direction:column;display:flex}.pasangan .kartu{flex:auto}.baris-hasil{border-bottom:var(--garis);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;padding-bottom:12px;display:flex}
.peraga-kisi{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:900px){.peraga-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.peraga-kisi{grid-template-columns:1fr}}.peraga-kartu{background:var(--krem);border:var(--garis);border-radius:var(--lengkung-bsr);height:100%;box-shadow:var(--bayang-1);transition:transform var(--gerak), box-shadow var(--gerak), border-color var(--gerak);flex-direction:column;display:flex;overflow:hidden}.peraga-kartu:hover{box-shadow:var(--bayang-3);border-color:var(--warna-peraga,var(--teal));text-decoration:none;transform:translateY(-3px)}.peraga-kartu .rupa{aspect-ratio:16/9;background:color-mix(in srgb, var(--warna-peraga,var(--teal)) 12%, var(--kertas));color:var(--warna-peraga,var(--teal));border-bottom:var(--garis);padding:22px 24px;display:block}.peraga-kartu .rupa svg{height:100%;display:block}.peraga-kartu:hover .rupa svg{animation:.7s cubic-bezier(.2,.7,.3,1) peraga-goyang}@keyframes peraga-goyang{40%{transform:scale(1.05)rotate(-2deg)}}.peraga-kartu .isi{flex-direction:column;flex:auto;padding:18px 20px 20px;display:flex}.peraga-kartu .judul{font-family:var(--serif);color:var(--tinta);margin:8px 0 5px;font-size:1.24rem;font-weight:600;line-height:1.24}.peraga-kartu:hover .judul{color:var(--warna-peraga,var(--teal))}.peraga-kartu .ajak{color:var(--tinta);margin-bottom:8px;font-size:.92rem}.peraga-kartu .ringkas{color:var(--tinta-lembut);font-size:.85rem;line-height:1.52}.peraga-kartu .kaki-kartu{border-top:var(--garis);flex-wrap:wrap;gap:6px 12px;margin-top:14px;padding-top:12px;display:flex}.peraga-kartu .ket{color:var(--tinta-samar);align-items:center;gap:5px;font-size:.755rem;font-weight:600;display:inline-flex}.peraga-kartu .ajak-main{color:var(--warna-peraga,var(--teal));align-items:center;gap:7px;margin-top:auto;padding-top:14px;font-size:.9rem;font-weight:700;display:inline-flex}.peraga-kartu:hover .ajak-main svg{transition:transform var(--gerak);transform:translate(4px)}.peraga-kepala{max-width:62ch;margin-bottom:22px}.peraga-kepala h1{margin:10px 0 12px}.peraga-panggung{background:var(--krem);border:var(--garis);border-radius:var(--lengkung-bsr);box-shadow:var(--bayang-1);padding:clamp(20px,3vw,34px);position:relative}.peraga-bilah{border-bottom:var(--garis);justify-content:flex-end;margin-bottom:12px;padding-bottom:12px;display:flex}.peraga-pembuka{max-width:64ch}.peraga-cara{background:var(--kertas);border-left:3px solid var(--warna-peraga,var(--teal));border-radius:0 var(--lengkung) var(--lengkung) 0;margin:22px 0;padding:16px 20px}.peraga-cara .kapital{color:var(--warna-peraga,var(--teal));margin-bottom:8px;display:block}.peraga-cara ol{margin:0;padding-left:20px}.peraga-cara li{margin-bottom:6px;font-size:.93rem}.peraga-cara li:last-child{margin-bottom:0}.peraga-keterangan{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.peraga-keterangan span{color:var(--tinta-lembut);align-items:center;gap:7px;font-size:.875rem;display:inline-flex}.piring-ruang{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(22px,3.5vw,44px);display:grid}@media (max-width:860px){.piring-ruang{grid-template-columns:1fr}}.piring-panggung{position:sticky;top:88px}@media (max-width:860px){.piring-panggung{position:static}}.piring{width:100%;max-width:380px;margin:0 auto;display:block}.piring-tepi{fill:var(--putih);stroke:#12233a24;stroke-width:2px}.piring-isi{transition:opacity .52s cubic-bezier(.2,.7,.3,1)}.piring-sentuh{fill:#0000;outline:none}.piring-sentuh.bisa{cursor:pointer}.piring-sentuh.bisa:hover,.piring-sentuh.bisa:focus-visible{fill:#fffdf880;stroke:var(--tinta);stroke-width:1.5px}.piring-label{font-family:var(--mono);fill:var(--tinta-lembut);dominant-baseline:middle;font-size:8px;font-weight:700}.piring-sajian{animation:.48s cubic-bezier(.2,.9,.3,1.35) backwards mendarat}@keyframes mendarat{0%{opacity:0;transform:translateY(-14px)scale(.3)}to{opacity:1;transform:none}}.piring.rampung{animation:.76s cubic-bezier(.2,.8,.3,1.2) piring-usai}@keyframes piring-usai{45%{transform:scale(1.045)}}.piring-takaran{margin-top:18px;gap:7px;max-width:380px;margin-inline:auto;display:grid}.takaran{border-radius:var(--lengkung);background:var(--kertas);transition:background var(--gerak);align-items:center;gap:10px;padding:8px 12px;font-size:.875rem;display:flex}.takaran.penuh{background:var(--hijau-samar)}.takaran .titik{border-radius:3px;flex:none;width:10px;height:10px}.takaran .nama{flex:auto}.takaran .jml{font-family:var(--mono);color:var(--tinta-lembut);font-weight:700}.takaran.penuh .jml{color:var(--hijau)}.piring-baki{min-width:0}.baki-kepala{border-bottom:var(--garis);margin-bottom:14px;padding-bottom:12px}.baki-kaki{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.baki-kepala .ajak-main{color:var(--tinta);margin:0;font-size:.95rem}.baki-isi{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.bahan{cursor:pointer;text-align:center;background:var(--putih);border-radius:var(--lengkung-bsr);font-family:var(--sans);transition:transform var(--gerak), border-color var(--gerak), box-shadow var(--gerak);border:1.5px solid #12233a21;flex-direction:column;align-items:center;gap:4px;padding:13px 8px 11px;display:flex}.bahan:hover:not(:disabled){box-shadow:var(--bayang-2);border-color:var(--tinta-samar);transform:translateY(-2px)}.bahan:disabled{opacity:.5;cursor:not-allowed}.bahan .gambar{color:var(--tinta-lembut);transition:color var(--gerak), transform var(--gerak)}.bahan .judul{color:var(--tinta);font-size:.82rem;font-weight:600;line-height:1.25}.bahan .ukur{color:var(--tinta-samar);font-size:.7rem}.bahan.terpilih{border-color:var(--tinta);background:var(--kertas);box-shadow:0 0 0 3px #12233a1a}.bahan.terpilih .gambar{color:var(--teal);animation:.9s ease-in-out infinite bahan-siap}@keyframes bahan-siap{50%{transform:translateY(-3px)scale(1.06)}}.pesan-peraga{margin:16px 0 0;animation:.3s cubic-bezier(.2,.7,.3,1) sorong}@keyframes sorong{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.jalan-peta{margin-bottom:26px}.jalan-rel{background:var(--kertas-tua);border-radius:2px;height:4px;overflow:hidden}.jalan-maju{background:var(--warna-peraga,var(--teal));border-radius:2px;height:100%;transition:width .6s cubic-bezier(.2,.7,.3,1);display:block}.jalan-tanda{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.jalan-tanda li{flex-direction:column;flex:1 1 0;align-items:center;gap:5px;min-width:0;margin-top:-11px;display:flex}.jalan-tanda .bulat{background:var(--kertas);border:2px solid var(--kertas-tua);width:22px;height:22px;color:var(--tinta-samar);transition:all var(--gerak);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.jalan-tanda .kurun{color:var(--tinta-samar);text-align:center;font-size:.68rem}.jalan-tanda li.lewat .bulat{background:var(--hijau);border-color:var(--hijau);color:#fff}.jalan-tanda li.kini .bulat{background:var(--warna-peraga,var(--teal));border-color:var(--warna-peraga,var(--teal));color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--warna-peraga,var(--teal)) 20%, transparent);transform:scale(1.18)}.jalan-tanda li.kini .kurun{color:var(--tinta);font-weight:700}.jalan-kartu{animation:.38s cubic-bezier(.2,.7,.3,1) sorong}.jalan-kartu h3{margin:8px 0 10px;font-size:clamp(1.3rem,2.4vw,1.7rem)}.jalan-butir{background:var(--kertas);border-radius:var(--lengkung-bsr);margin:20px 0;padding:16px 20px;list-style:none}.jalan-butir li{gap:11px;margin-bottom:9px;font-size:.93rem;display:flex}.jalan-butir li:last-child{margin-bottom:0}.jalan-butir li:before{content:"";background:var(--warna-peraga,var(--teal));border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.jalan-tanya{border-top:var(--garis);padding-top:20px}.jalan-tanya .soal{font-family:var(--serif);align-items:flex-start;gap:10px;margin-bottom:14px;font-size:1.08rem;font-weight:600;display:flex}.jalan-tanya .soal svg{color:var(--warna-peraga,var(--teal));flex:none;margin-top:3px}.jalan-pilihan,.kuis-pilihan{gap:9px;display:grid}.jalan-lanjut{margin-top:20px}.jalan-hitung{text-align:center;margin:18px 0 0}.pilihan{text-align:left;cursor:pointer;width:100%;font-family:var(--sans);background:var(--putih);color:var(--tinta);border-radius:var(--lengkung);transition:transform var(--gerak), border-color var(--gerak), background var(--gerak), opacity var(--gerak);border:1.5px solid #12233a24;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.95rem;display:flex}.pilihan:hover:not(:disabled){border-color:var(--tinta);transform:translate(3px)}.pilihan:disabled{cursor:default}.pilihan .tanda{background:var(--kertas-tua);width:24px;height:24px;color:var(--tinta-lembut);transition:all var(--gerak);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex}.pilihan.tepat{border-color:var(--hijau);background:var(--hijau-samar)}.pilihan.tepat .tanda{background:var(--hijau);color:#fff}.pilihan.keliru{border-color:var(--merah);background:var(--merah-samar)}.pilihan.keliru .tanda{background:var(--merah);color:#fff}.pilihan.pudar{opacity:.45}.jalan-ulasan,.kuis-ulasan{border-radius:var(--lengkung);border-left:3px solid;align-items:flex-start;gap:12px;margin-top:16px;padding:15px 17px;animation:.32s cubic-bezier(.2,.7,.3,1) sorong;display:flex}.jalan-ulasan p,.kuis-ulasan p{margin:0;font-size:.92rem;line-height:1.6}.jalan-ulasan svg,.kuis-ulasan svg{flex:none;margin-top:2px}.jalan-ulasan.tepat,.kuis-ulasan.tepat{background:var(--hijau-samar);border-color:var(--hijau);color:#1f5c41}.jalan-ulasan.keliru,.kuis-ulasan.keliru{background:var(--amber-samar);border-color:var(--amber);color:#90400e}.kuis-ulasan strong{margin-bottom:4px;display:block}.kuis-maju{margin-bottom:22px}.kuis-rel{background:var(--kertas-tua);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.kuis-rel span{background:var(--warna-peraga,var(--teal));border-radius:2px;height:100%;transition:width .52s cubic-bezier(.2,.7,.3,1);display:block}.kuis-kartu{animation:.38s cubic-bezier(.2,.7,.3,1) sorong}.kuis-kartu h3{margin:8px 0 18px;font-size:clamp(1.24rem,2.3vw,1.62rem)}.kuis-kartu .tbl-besar{margin-top:18px}.peraga-hasil{animation:.42s cubic-bezier(.2,.7,.3,1) sorong}.hasil-kepala{text-align:center;max-width:56ch;margin:0 auto 28px}.hasil-kepala .tanda{background:var(--hijau);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 14px;animation:.52s cubic-bezier(.2,.8,.3,1.4) denyut;display:flex}.hasil-kepala h2{margin-bottom:8px;font-size:clamp(1.35rem,2.6vw,1.9rem)}.hasil-simpulan{background:var(--kertas);border-left:3px solid var(--amber);border-radius:0 var(--lengkung-bsr) var(--lengkung-bsr) 0;margin-bottom:24px;padding:20px 22px}.hasil-simpulan .kapital{color:var(--amber);margin-bottom:12px;display:block}.hasil-simpulan ul{margin:0;padding:0;list-style:none}.hasil-simpulan li{gap:11px;margin-bottom:11px;font-size:.955rem;line-height:1.55;display:flex}.hasil-simpulan li:last-child{margin-bottom:0}.hasil-simpulan li:before{content:"";background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px;margin-top:8px}.hasil-aksi{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.hasil-lanjutan{border-top:var(--garis);margin-bottom:24px;padding-top:26px}body.mode-peraga .kepala,body.mode-peraga .kaki,body.mode-peraga .peraga-kepala,body.mode-peraga nav[aria-label=Jejak\ halaman]{display:none}body.mode-peraga .bingkai{max-width:1500px}.peraga-panggung.luas{padding:clamp(24px,3vw,44px);font-size:1.12rem}.peraga-panggung.luas h1,.peraga-panggung.luas h2,.peraga-panggung.luas h3{font-size:clamp(1.6rem,3vw,2.3rem)}.peraga-panggung.luas .pilihan{padding:18px 20px;font-size:1.06rem}.peraga-panggung.luas .piring{max-width:460px}.peraga-panggung.luas .bahan .judul{font-size:.92rem}.peraga-panggung.luas .jalan-butir li,.peraga-panggung.luas .jalan-tanya .soal{font-size:1.08rem}@media (prefers-reduced-motion:reduce){.piring-sajian,.jalan-kartu,.kuis-kartu,.peraga-hasil,.pesan-peraga,.jalan-ulasan,.kuis-ulasan,.bahan.terpilih .gambar,.peraga-kartu:hover .rupa svg{animation:none}}.tangkap-ruang{max-width:900px;margin:0 auto}.tangkap-hud{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:8px;display:flex}.tangkap-hud .butir{color:var(--tinta-lembut);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.tangkap-hud .butir strong{font-family:var(--mono);color:var(--tinta);font-size:1.05rem}.tangkap-hud .rantai{background:var(--amber-samar);color:#90400e;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;animation:.64s ease-in-out infinite rantai-denyut}@keyframes rantai-denyut{50%{transform:scale(1.07)}}.tangkap-hud .waktu{margin-left:auto}.tangkap-hud .waktu.genting strong{color:var(--merah);animation:.52s ease-in-out infinite rantai-denyut}.tangkap-rel{background:var(--kertas-tua);border-radius:3px;height:5px;margin-bottom:12px;overflow:hidden}.tangkap-rel span{background:var(--teal);border-radius:3px;height:100%;transition:width .18s linear;display:block}.tangkap-kanvas{border-radius:var(--lengkung-bsr);background:var(--kertas);border:var(--garis);touch-action:none;cursor:none;width:100%;display:block}.tangkap-takaran{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tangkap-takaran .butir{background:var(--kertas);color:var(--tinta-lembut);transition:background var(--gerak), color var(--gerak);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.83rem;display:inline-flex}.tangkap-takaran .butir i{background:var(--warna-gol);border-radius:3px;flex:none;width:9px;height:9px}.tangkap-takaran .butir strong{font-family:var(--mono);color:var(--tinta)}.tangkap-takaran .butir.penuh{background:var(--hijau-samar);color:#1f5c41}.tangkap-kaki{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.tangkap-kaki .renik{align-items:center;gap:6px;margin:0;display:inline-flex}.kampung-ruang{max-width:980px;margin:0 auto}.kampung-hud{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:10px;display:flex}.kampung-hud .butir{color:var(--tinta-lembut);align-items:center;gap:7px;font-size:.9rem;display:inline-flex}.kampung-hud .butir strong{font-family:var(--mono);color:var(--tinta);font-size:1.05rem}.kampung-hud .butir.renik{margin-left:auto}.kampung-layar{border-radius:var(--lengkung-bsr);border:var(--garis);position:relative;overflow:hidden}.kampung-adegan{background:#e8eef0;width:100%;min-height:240px}.kampung-memuat{text-align:center;background:var(--kertas);color:var(--tinta-lembut);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.kampung-memuat p{margin:0;font-size:.92rem}.kampung-memuat .putar{border:3px solid var(--kertas-tua);border-top-color:var(--teal);border-radius:50%;width:30px;height:30px;animation:.72s linear infinite berputar}@keyframes berputar{to{transform:rotate(360deg)}}.kampung-pilar{gap:8px;margin-top:14px;display:grid}.kampung-pilar .pilar{align-items:center;gap:12px;font-size:.875rem;display:flex}.kampung-pilar .nama{color:var(--tinta-lembut);flex:0 0 165px}.kampung-pilar .jalur{background:var(--kertas-tua);border-radius:5px;flex:auto;height:9px;overflow:hidden}.kampung-pilar .jalur i{border-radius:5px;height:100%;transition:width .72s cubic-bezier(.2,.7,.3,1);display:block}.kampung-pilar .angka{text-align:right;font-family:var(--mono);flex:0 0 34px;font-weight:700}.kampung-ulasan{border-radius:var(--lengkung);border-left:3px solid var(--teal);background:var(--teal-samar);color:#0a5d6b;align-items:flex-start;gap:12px;margin-top:16px;padding:15px 17px;animation:.32s cubic-bezier(.2,.7,.3,1) sorong;display:flex}.kampung-ulasan p{margin:0;font-size:.92rem;line-height:1.6}.kampung-ulasan svg{flex:none;margin-top:2px}.kampung-ajak{text-align:center;margin-top:14px}.kampung-pilihan{border-radius:var(--lengkung-bsr);background:var(--kertas);border:var(--garis);margin-top:16px;padding:18px 20px;animation:.3s cubic-bezier(.2,.7,.3,1) sorong}.kampung-pilihan .kepala{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.kampung-pilihan .kepala h4{margin:0}.kampung-pilihan .daftar{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.fasilitas{text-align:left;cursor:pointer;font-family:var(--sans);background:var(--putih);border:1.5px solid #12233a21;border-left:3px solid var(--warna-fasilitas,var(--teal));border-radius:var(--lengkung);transition:transform var(--gerak), box-shadow var(--gerak), border-color var(--gerak);flex-direction:column;gap:6px;padding:13px 15px;display:flex}.fasilitas:hover{box-shadow:var(--bayang-2);transform:translateY(-2px)}.fasilitas .atas{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.fasilitas .atas strong{color:var(--tinta);font-size:.95rem}.fasilitas .biaya{background:var(--kertas-tua);color:var(--tinta-lembut);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.fasilitas .ket{color:var(--tinta-lembut);font-size:.82rem;line-height:1.5}.fasilitas .dampak{flex-wrap:wrap;gap:4px 10px;font-size:.72rem;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.tangkap-hud .rantai,.tangkap-hud .waktu.genting strong,.kampung-ulasan,.kampung-pilihan{animation:none}}