.pt-hero{display:grid;gap:14px;padding:22px 20px;border-radius:22px;background:var(--color-primary);color:var(--color-on-accent)}.pt-hero h1{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.02em;max-width:22ch}.pt-hero p{font-size:15px;line-height:1.55;max-width:60ch;color:var(--color-on-accent)}.pt-hero .kg-btn-putih{justify-self:start}.pt-hero-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pt-hero-hias{display:none}@media(min-width:768px){.pt-hero{grid-template-columns:minmax(0,1fr) 180px;align-items:center;padding:28px 30px}.pt-hero h1{font-size:32px}.pt-hero-hias{display:block;width:180px;height:180px;color:var(--color-on-accent)}}.pt-hero-hias polygon,.pt-hero-hias line{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.45}.pt-hero-hias .pt-hias-isi{fill:currentColor;fill-opacity:.25;stroke-width:2;opacity:1}.pt-notis{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px}.pt-notis-ikon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary)}.pt-notis>p{flex:1 1 240px;min-width:0;font-size:14px;line-height:1.5;color:var(--color-ink-soft)}.pt-notis strong{color:var(--color-ink)}.pt-cari{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-cekung)}.pt-cari input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;font-size:15px;color:var(--color-ink);outline:none}.pt-cari:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.pt-kartu-grid{display:grid;gap:12px}@media(min-width:640px){.pt-kartu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.pt-kartu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pt-kartu{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:16px}.pt-kartu-gambar{width:calc(100% + 32px);height:auto;aspect-ratio:3 / 2;object-fit:cover;margin:-16px -16px 0;border-radius:16px 16px 0 0}.pt-tes-gambar,.pt-hero-gambar{display:block;width:100%;aspect-ratio:3.1 / 1;object-fit:cover;border-radius:16px}.pt-kartu h3{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.pt-kartu h3 a{display:inline-flex;align-items:center;min-height:24px}.pt-kartu h3 a:hover{color:var(--color-primary)}.pt-kartu>p{font-size:13px;line-height:1.5;color:var(--color-ink-soft)}.pt-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;font-weight:600;color:var(--color-muted);font-variant-numeric:tabular-nums}.pt-manfaat{display:grid;gap:2px;font-size:13px;color:var(--color-ink-soft)}.pt-manfaat li{display:flex;gap:6px}.pt-manfaat li:before{content:"✓";color:var(--color-success-text);font-weight:700}.pt-kartu-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.pt-kartu-aksi :is(.kg-btn-gelap,.kg-btn-putih){min-height:44px;padding:0 14px;font-size:13px}.pt-status{font-size:12px;font-weight:600;color:var(--color-muted)}.pt-kosong{padding:18px;font-size:14px;line-height:1.55;color:var(--color-ink-soft)}.pt-catatan{font-size:13px;line-height:1.55;color:var(--color-muted)}.pt-fakta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pt-fakta .kg-stat>strong{overflow-wrap:anywhere}@media(min-width:640px){.pt-fakta{grid-template-columns:repeat(4,minmax(0,1fr))}}.pt-dim-daftar{display:grid;gap:10px}.pt-dim-daftar li{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--color-canvas)}.pt-dim-daftar strong{font-size:14px}.pt-dim-daftar span{font-size:13px;line-height:1.5;color:var(--color-ink-soft)}.pt-sumber{display:grid;gap:4px;font-size:13px;line-height:1.5;color:var(--color-ink-soft)}.pt-sumber a{text-decoration:underline;text-underline-offset:2px}.pt-runner{display:grid;gap:16px;max-width:720px;margin:0 auto}.pt-runner-kepala{display:grid;gap:8px}.pt-runner-baris{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;font-size:13px;font-weight:600;color:var(--color-muted);font-variant-numeric:tabular-nums}.pt-progres{height:8px;border-radius:999px;background:var(--color-line);box-shadow:var(--shadow-cekung);overflow:hidden}.pt-progres>span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .2s ease}.pt-simpan{display:inline-flex;align-items:center;gap:6px}.pt-simpan[data-keadaan=galat],.pt-simpan[data-keadaan=luring]{color:var(--color-warning-text)}.pt-soal{display:grid;gap:16px;padding:20px 18px}@media(min-width:640px){.pt-soal{padding:26px 28px}}.pt-soal-nomor{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.pt-soal-teks{font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.01em}.pt-stimulus{padding:12px 14px;border-radius:12px;background:var(--color-canvas);font-size:15px;line-height:1.6;white-space:pre-line}.pt-opsi{display:grid;gap:8px;border:0;margin:0;padding:0}.pt-opsi label{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border:1.5px solid var(--color-line-strong);border-radius:14px;background:var(--color-surface);font-size:15px;line-height:1.4;cursor:pointer}.pt-opsi label:hover{border-color:var(--color-primary)}.pt-opsi input{position:absolute;opacity:0;pointer-events:none}.pt-opsi label:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.pt-opsi label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);font-weight:600}.pt-opsi-tanda{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:999px;background:var(--color-canvas);font-size:13px;font-weight:700;color:var(--color-ink-soft)}.pt-opsi label:has(input:checked) .pt-opsi-tanda{background:var(--color-primary);color:var(--color-on-accent)}@media(min-width:640px){.pt-opsi-likert{grid-template-columns:repeat(5,minmax(0,1fr))}.pt-opsi-likert label{flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:12px 8px;text-align:center;font-size:13px}}.pt-navigasi{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.pt-navigasi .kg-btn-gelap[disabled]{opacity:.5;cursor:not-allowed}.pt-peta summary{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--color-primary);cursor:pointer}.pt-peta ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-top:8px}.pt-peta button{width:100%;min-height:44px;border-radius:10px;border:1.5px solid var(--color-line-strong);background:var(--color-surface);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink-soft)}.pt-peta button[data-terjawab=ya]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-ink)}.pt-peta button[aria-current=step]{outline:2px solid var(--color-ink);outline-offset:1px}.pt-galat{padding:12px 14px;border-radius:12px;background:var(--color-error-soft);color:var(--color-error-text);font-size:14px;line-height:1.5}.pt-laporan{display:grid;gap:18px}.pt-laporan [id],#aksi-hasil{scroll-margin-top:88px}.pt-hasil{display:grid;grid-template-areas:"kepala" "angka" "isi";gap:18px;padding:22px 20px;border-radius:22px;background:var(--color-primary);color:var(--color-on-accent)}.pt-hasil-kepala{grid-area:kepala;display:grid;gap:6px}.pt-hasil-judul{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.pt-hasil-selamat{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--color-surface);color:var(--color-ink);font-size:13px;font-weight:700;line-height:1.4}.pt-hasil-selamat>span{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:999px;background:var(--color-success-soft);color:var(--color-success-text)}.pt-hasil-angka{grid-area:angka;display:flex;align-items:center;gap:16px;min-width:0}.pt-cincin{width:104px;height:104px;flex:none}.pt-cincin circle{fill:none;stroke-width:12}.pt-cincin-dasar{stroke:var(--color-on-accent);opacity:.25}.pt-cincin-isi{stroke:var(--color-on-accent);stroke-linecap:round}.pt-cincin-teks{fill:var(--color-on-accent);font-size:28px;font-weight:800;text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums}.pt-hasil-kotak{display:grid;place-items:center;min-width:104px;height:104px;padding:0 14px;flex:none;border-radius:24px;background:var(--color-surface);color:var(--color-primary);font-size:34px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 0 var(--color-primary-depth)}.pt-hasil-utama{display:grid;gap:2px;min-width:0}.pt-hasil-utama span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pt-hasil-utama strong{font-size:22px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.pt-hasil-utama small{font-size:13px;line-height:1.45}.pt-hasil-isi{grid-area:isi;display:grid;gap:10px}.pt-hasil-isi>p{font-size:15px;line-height:1.6;max-width:62ch}.pt-hasil-isi>.pt-hasil-nada{font-weight:700}@media(min-width:768px){.pt-hasil{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto 1fr;grid-template-areas:"kepala angka" "isi angka";align-items:start;gap:14px 32px;padding:28px 30px}.pt-hasil-judul{font-size:32px}.pt-hasil-angka{flex-direction:column;align-self:center;text-align:center}.pt-cincin{width:156px;height:156px}.pt-hasil-kotak{min-width:136px;height:136px;font-size:44px}}@media(prefers-reduced-motion:no-preference){.pt-hasil[data-baru]{animation:pt-naik .5s cubic-bezier(.2,.8,.2,1) both}.pt-hasil[data-baru] .pt-cincin-isi{animation:pt-isi 1.2s .3s cubic-bezier(.2,.8,.2,1) both}.pt-hasil[data-baru] :is(.pt-hasil-selamat>span,.pt-hasil-kotak){animation:pt-pop .45s .2s cubic-bezier(.3,1.5,.5,1) both}}@keyframes pt-naik{0%{opacity:0;transform:translateY(14px)}}@keyframes pt-isi{0%{stroke-dashoffset:326.73}}@keyframes pt-pop{0%{opacity:0;transform:scale(.4)}}.pt-inti{display:grid;gap:14px}.pt-inti-daftar{display:grid;gap:12px;counter-reset:inti}.pt-inti-daftar li{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;gap:2px 12px;counter-increment:inti}.pt-inti-daftar li:before{content:counter(inti);grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:13px;font-weight:800}.pt-inti-daftar strong{font-size:14px}.pt-inti-daftar span{font-size:14px;line-height:1.55;color:var(--color-ink-soft)}@media(min-width:900px){.pt-inti-daftar{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}.pt-tautan{font-weight:700;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.pt-inti-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--color-line)}.pt-inti-aksi .kg-btn-gelap.pt-cta{flex:1 1 260px;max-width:520px;justify-content:space-between;gap:14px;min-height:56px;padding:8px 18px 8px 20px;white-space:normal;text-align:left;box-shadow:var(--shadow-sorot),var(--shadow-gelap)}.pt-inti-aksi .kg-btn-gelap.pt-cta:active:not(:disabled){box-shadow:var(--shadow-gelap-tekan)}.pt-cta>span{display:grid;gap:1px;font-size:15px;line-height:1.3}.pt-cta small{font-size:12px;font-weight:600}.pt-cta svg{flex:none}.pt-lompat{display:flex;gap:8px;margin:-4px;padding:4px;overflow-x:auto;scrollbar-width:thin}.pt-lompat a{display:inline-flex;align-items:center;flex:none;min-height:44px;padding:0 16px;border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-sorot),var(--shadow-e2);font-size:14px;font-weight:600;color:var(--color-ink-soft);white-space:nowrap;transition:transform .12s ease-out,box-shadow .12s ease-out}.pt-lompat a:active{transform:translateY(2px) scale(.97);box-shadow:var(--shadow-tekan);transition-duration:40ms}.pt-lompat a:hover{background:var(--color-primary-soft);color:var(--color-primary)}@media(min-width:768px){.pt-lompat{flex-wrap:wrap;overflow:visible}}:is(.pt-dim-lagi,.pt-bahas-grup)>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:700;color:var(--color-primary);cursor:pointer;list-style:none}:is(.pt-dim-lagi,.pt-bahas-grup,.pt-soal-bahas)>summary::-webkit-details-marker{display:none}:is(.pt-dim-lagi,.pt-bahas-grup)>summary:before,.pt-bahas-no:before{content:"▸";font-size:15px;line-height:1}:is(.pt-dim-lagi,.pt-bahas-grup)[open]>summary:before,.pt-soal-bahas[open] .pt-bahas-no:before{content:"▾"}.pt-chip-baris{display:flex;flex-wrap:wrap;gap:6px}.pt-dua{display:grid;gap:12px}@media(min-width:900px){.pt-dua{grid-template-columns:repeat(2,minmax(0,1fr))}}.pt-dim{display:grid;gap:8px;padding:16px}.pt-dim-kepala{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}.pt-dim-kepala h3{font-size:16px;font-weight:700}.pt-dim-skor{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.pt-dim-arti{font-size:14px;line-height:1.6;color:var(--color-ink-soft)}.pt-dim dl{display:grid;gap:8px;padding-top:2px}.pt-dim dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.pt-dim dd{font-size:14px;line-height:1.55;color:var(--color-ink-soft)}.pt-delta{font-size:12px;font-weight:600;color:var(--color-muted)}.pt-sorot{display:grid;gap:8px}.pt-sorot li{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--color-canvas);font-size:14px;line-height:1.5}.pt-sorot strong{font-size:14px}.pt-saran{display:grid;gap:8px}.pt-saran a{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--color-canvas)}.pt-saran a:hover{background:var(--color-primary-soft)}.pt-saran small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.pt-saran strong{font-size:15px}.pt-saran span{font-size:13px;line-height:1.5;color:var(--color-ink-soft)}.pt-rencana{display:grid;gap:10px}.pt-rencana>li{display:grid;gap:4px 10px;padding:12px 0;border-top:1px solid var(--color-line)}@media(min-width:640px){.pt-rencana>li{grid-template-columns:92px minmax(0,1fr)}}.pt-rencana>li:first-child{border-top:0}.pt-rencana h3{font-size:13px;font-weight:700;color:var(--color-primary)}.pt-rencana ul{display:grid;gap:6px;font-size:14px;line-height:1.55}.pt-rencana a{text-decoration:underline;text-underline-offset:2px}.pt-bahas{display:grid;gap:8px}.pt-soal-bahas{padding:4px 14px;border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-card)}.pt-soal-bahas[open]{padding-bottom:14px}.pt-soal-bahas>summary{display:grid;gap:4px;min-height:44px;padding:8px 0;cursor:pointer;list-style:none}.pt-bahas-baris{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.pt-bahas-no{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.pt-bahas-cuplik{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;color:var(--color-ink-soft)}.pt-soal-bahas[open] .pt-bahas-cuplik{display:none}.pt-bahas-grup[open]>:is(.pt-bahas,.pt-saran){margin-top:4px}.pt-bahas ol{display:grid;gap:6px;margin-top:10px}.pt-bahas ol li{padding:8px 10px;border-radius:10px;background:var(--color-canvas);font-size:14px;line-height:1.5}.pt-bahas ol li[data-kunci=ya]{outline:2px solid var(--color-success)}.pt-bahas ol li[data-pilih=ya]{outline:2px solid var(--color-error)}.pt-bahas ol li small{display:block;margin-top:2px;font-size:13px;color:var(--color-ink-soft)}.pt-soal-bahas>p{margin-top:8px;font-size:14px;line-height:1.55;color:var(--color-ink-soft)}.pt-aksi{display:flex;flex-wrap:wrap;gap:8px}.pt-tautan-bagikan{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--color-canvas);font-size:13px;word-break:break-all}.pt-profil-bagian{display:grid;gap:10px}.pt-profil-tes{display:grid;gap:8px;padding:14px 16px}.pt-profil-tes h3{font-size:15px;font-weight:700}.pt-mini{display:grid;gap:4px;font-size:13px}.pt-mini li{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr) 2.5rem;align-items:center;gap:8px}.pt-mini li>span:first-child{overflow-wrap:anywhere;color:var(--color-ink-soft)}.pt-mini li>strong{text-align:right;font-variant-numeric:tabular-nums}.pt-mini .pg-batang-rel{grid-column:auto;height:8px}.pg-figur{display:grid;gap:8px;margin:0}.pg-keterangan{font-size:13px;line-height:1.5;color:var(--color-muted)}.pg-radar{width:100%;max-width:440px;height:auto;margin:0 auto;overflow:visible}.pg-jaring{fill:none;stroke:var(--color-line-strong);stroke-width:1}.pg-isi{fill:var(--color-primary);fill-opacity:.18;stroke:var(--color-primary);stroke-width:2}.pg-titik{fill:var(--color-primary)}.pg-label{font-size:13px;font-weight:600;fill:var(--color-ink)}.pg-angka{font-weight:800;fill:var(--color-primary)}.pg-skala{font-size:12px;fill:var(--color-muted)}.pg-donut-wadah{grid-template-columns:minmax(0,200px);justify-content:center}@media(min-width:640px){.pg-donut-wadah{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px 24px}.pg-donut-wadah .pg-keterangan{grid-column:1 / -1}}.pg-donut{width:100%;max-width:200px;height:auto}.pg-donut-dasar{fill:none;stroke:var(--color-line);stroke-width:26}.pg-donut-seg{fill:none;stroke-width:26}.pg-legenda{display:grid;gap:6px;font-size:14px}.pg-legenda li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px}.pg-legenda strong{font-variant-numeric:tabular-nums}.pg-swatch{width:14px;height:14px;border-radius:4px}.pg-legenda-garis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pg-batang{display:grid;gap:12px}.pg-batang li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:14px}.pg-batang-label{color:var(--color-ink-soft)}.pg-batang-sub{font-size:12px}.pg-batang strong{font-variant-numeric:tabular-nums;text-align:right}.pg-batang-rel{grid-column:1 / -1;height:10px;border-radius:999px;background:var(--color-line);overflow:hidden}.pg-batang-isi{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.pg-batang-dua{background:var(--color-cat-data)}.pg-legenda-baris{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--color-ink-soft)}.pg-legenda-baris span{display:inline-flex;align-items:center;gap:6px}.pg-legenda-baris i{display:inline-block;width:18px;height:10px;border-radius:999px}.pg-garis{width:100%;height:auto;overflow:visible}.pg-seri polyline{fill:none;stroke:currentColor;stroke-width:2}.pg-seri :is(circle,rect,polygon){fill:currentColor}.pg-panas td{text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-ink)}.pg-panas-kosong{color:var(--color-muted)}.pg-panas-judul{caption-side:bottom;padding:10px 14px;text-align:left}@media print{.pt-aksi,.pt-navigasi,.pt-cetak-sembunyi{display:none!important}.kg-panel,.pt-dim,.pt-soal-bahas{break-inside:avoid;box-shadow:none;border:1px solid var(--color-line-strong)}.pt-hasil{background:none;color:var(--color-ink);border:1px solid var(--color-line-strong);animation:none}.pt-cincin :is(.pt-cincin-dasar,.pt-cincin-isi){stroke:var(--color-primary);animation:none}.pt-cincin-teks{fill:var(--color-ink)}.pt-hasil-kotak{box-shadow:none;border:1px solid var(--color-line-strong)}.pt-bahas-cuplik,:is(.pt-dim-lagi,.pt-bahas-grup)>summary:before,.pt-bahas-no:before{display:none}}
