.kgp [id]{scroll-margin-top:84px}.kgp-tata{display:grid;gap:20px;align-items:start;width:100%;max-width:1280px;margin-inline:auto;padding:16px 12px 40px}@media(min-width:640px){.kgp-tata{padding:24px 16px 48px}}@media(min-width:768px){.kgp-tata{padding-inline:24px}}@media(min-width:1024px){.kgp-tata{grid-template-columns:minmax(0,1fr) 300px;gap:24px}}.kgp-tata>aside{align-self:stretch}.kgp .kg-lesson-main{display:flex;flex-direction:column;gap:16px}.kgp .kg-lesson-main>:empty{display:none}.kgp-kepala{padding:18px 16px}@media(min-width:640px){.kgp-kepala{padding:22px 24px}}.kgp-judul{margin-top:6px;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance}@media(min-width:640px){.kgp-judul{font-size:30px}}.kgp .lesson-objective{margin-top:8px;padding-left:0;border-left:0;max-width:62ch;font-size:16px;line-height:1.6;color:var(--color-ink-soft)}.kgp-fakta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.kgp-fakta>.kg-chip{padding:4px 10px}.kgp-fakta>.kg-chip:not(.kg-chip-hijau){background:var(--color-canvas)}.kgp .lesson-waypoints{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-line);gap:6px}.kgp .lesson-waypoints a{border:0;border-radius:12px;background:var(--color-canvas);color:var(--color-ink-soft);font-weight:700}.kgp .lesson-waypoints a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.kgp .lesson-waypoints span{width:auto;height:auto;background:none;color:var(--color-muted)}@media(min-width:641px){.kgp .lesson-waypoints a{flex-wrap:nowrap;min-height:46px;padding:8px 14px;font-size:13px}.kgp .lesson-waypoints small{margin-left:auto}}.kgp .lesson-waypoints .kgp-tuntas{display:inline-flex;color:var(--color-success-text)}.kgp-video{margin-top:14px;overflow:hidden;border:1px solid var(--color-line);border-radius:14px;background:var(--color-canvas)}.kgp-video-layar{position:relative;aspect-ratio:16 / 9;background:#000}.kgp-video-layar>div,.kgp-video-layar iframe,.kgp-video-poster{position:absolute;inset:0;width:100%;height:100%;border:0}.kgp-video-poster{display:grid;place-items:center}.kgp-video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kgp-video-poster span{position:relative;display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:var(--color-primary);color:var(--color-on-accent);transition:scale .15s ease-out}.kgp-video-poster:hover span{scale:1.06}.kgp-video-poster:focus-visible{outline-offset:-4px;border-radius:0}.kgp-video-dek{padding:6px 8px 8px}.kgp-video-trek{position:relative;height:24px}.kgp-video-trek>span{position:absolute;inset-inline:0;top:9px;height:6px;overflow:hidden;border-radius:999px;background:var(--color-line-strong)}.kgp-video-trek i{position:absolute;inset-block:0;background:var(--color-primary)}.kgp-video-trek>b{position:absolute;top:4px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--color-ink);box-shadow:0 0 0 3px var(--color-canvas);transition:left .45s linear}.kgp-video-trek>b.is-diam{opacity:.4}@media(prefers-reduced-motion:reduce){.kgp-video-trek>b{transition:none}}.kgp-video-kontrol{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.kgp-video-ikon{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:2px;min-width:40px;height:40px;padding:0 8px;border-radius:999px;color:var(--color-ink-soft);font-size:12px;font-weight:700}.kgp-video-ikon:hover{background:var(--color-surface);color:var(--color-ink)}.kgp-video-ikon:disabled{opacity:.4;cursor:not-allowed;background:none}.kgp-video-putar{background:var(--color-primary);color:var(--color-on-accent)}.kgp-video-putar:hover{background:var(--color-primary-hover);color:var(--color-on-accent)}.kgp-video-waktu{padding-inline:4px;font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.kgp-video-volume{display:none;width:84px;accent-color:var(--color-primary)}@media(min-width:640px){.kgp-video-volume{display:block}}.kgp-video:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0}.kgp-video:fullscreen .kgp-video-layar{flex:1;aspect-ratio:auto}@media(prefers-reduced-motion:reduce){.kgp-video-poster span{transition:none}}.kgp-materi{padding:18px 16px}@media(min-width:640px){.kgp-materi{padding:24px 28px}}.kgp .kg-lesson-main pre:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.kgp-latihan-kepala{padding:8px 4px 0}.kgp-latihan>.kg-card{margin-top:16px;border-color:transparent;border-radius:18px;box-shadow:var(--shadow-card);padding:16px}@media(min-width:640px){.kgp-latihan>.kg-card{padding:22px 24px}}.kgp-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tengah tengah" "kiri kanan";gap:12px;padding:14px}@media(min-width:768px){.kgp-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"kiri tengah kanan";align-items:center;padding:14px 16px}}.kgp-nav-tengah{grid-area:tengah;text-align:center}.kgp-nav-tengah>.kg-btn-gelap{width:100%}@media(min-width:768px){.kgp-nav-tengah{max-width:300px}.kgp-nav-tengah>.kg-btn-gelap{width:auto}}.kgp-arah{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 8px;border-radius:12px;color:var(--color-ink-soft)}.kgp-arah-kiri{grid-area:kiri}.kgp-arah-kanan{grid-area:kanan;justify-content:flex-end;text-align:right}a.kgp-arah:hover{background:var(--color-canvas)}.kgp-arah small{display:block;font-size:12px;color:var(--color-muted)}.kgp-arah b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.35;color:var(--color-ink)}p.kgp-arah b{color:var(--color-muted);font-weight:600}.kgp-arah-ikon{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink-soft)}.kgp .lesson-outline{max-height:calc(100dvh - 104px);padding:18px 12px 18px 16px}.kgp-sisi-judul{font-size:14px;font-weight:700}.kgp .lesson-outline summary{font-size:14px;min-height:44px}.kgp .lesson-outline .kg-list a{min-height:40px;font-size:14px}