.ph-halaman>*+*{margin-top:var(--space-8)}.ph-judul-bagian{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:700}.ph-sapa{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-tight)}.ph-sub{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-2)}.ph-label-kecil{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.ph-antara{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ph-antara>:first-child{flex:260px;min-width:0}.ph-tautan-tombol{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ph-tautan-tombol:hover{text-decoration:none}.btn-besar.ph-tautan-tombol:hover{color:#fff}.btn-besar.sekunder.ph-tautan-tombol:hover,.kartu-lanjutkan .btn-besar.ph-tautan-tombol:hover{color:var(--color-accent);background:var(--color-accent-light)}.kartu-lanjutkan p{color:#ffffffe6}.ph-kabar{gap:var(--space-4);align-items:flex-start;display:flex}.ph-kabar+.ph-kabar{margin-top:var(--space-4)}.ph-kabar-ikon{background:var(--color-success-light);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.ph-kabar-ikon.abu{background:var(--color-border-light)}.ph-kabar-ikon.ungu{background:var(--color-accent-light)}.ph-kutip{color:var(--color-text-secondary)}.ph-peta-baris{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ph-peta-baris+.ph-peta-baris{margin-top:var(--space-5)}.ph-peta-nama{width:180px;font-weight:600}.ph-titik-daftar{gap:var(--space-3);flex-wrap:wrap;list-style:none;display:flex}.ph-titik{border:2px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);background:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.ph-titik:hover{text-decoration:none}.ph-titik.selesai{background:var(--color-success);border-color:var(--color-success);color:#fff}.ph-titik.aktif{background:var(--color-accent);border-color:var(--color-accent);color:#fff;animation:1.6s infinite denyut}.ph-titik.terkunci{background:var(--color-border-light);color:var(--color-text-muted)}.ph-alat-ringkas{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;display:grid}.ph-alat-ringkas a{align-items:center;gap:var(--space-2);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--warna-alat,var(--color-accent));border-radius:var(--radius-md);padding:var(--space-4) var(--space-2);color:var(--color-text);flex-direction:column;min-height:44px;display:flex}.ph-alat-ringkas a:hover{border-color:var(--color-accent-muted);text-decoration:none}.ph-alat-ringkas .emoji{font-size:1.8rem}.ph-alat-ringkas .nama{font-weight:600;font-size:var(--text-sm)}.ph-stiker-baris{letter-spacing:2px;font-size:1.1rem}.ph-samar{opacity:.25}@media (width<=600px){.ph-alat-ringkas{grid-template-columns:repeat(3,minmax(0,1fr))}}.ph-poin-besar{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent);font-weight:800;line-height:1}.ph-slot{gap:var(--space-3);margin-top:var(--space-4);align-items:flex-start;display:flex}.ph-slot .slot-stiker{flex:none}.ph-slot-isi{font-size:var(--text-sm);flex:1}.ph-slot-isi strong{font-family:var(--font-display)}.ph-batang{background:var(--color-accent-light);border-radius:var(--radius-full);height:8px;margin-top:var(--space-1);max-width:200px;overflow:hidden}.ph-batang>span{background:var(--color-accent);height:100%;display:block}.slot-stiker .ph-samar{opacity:.3}.ph-kenapa{gap:var(--space-4);align-items:flex-start;display:flex}.ph-kenapa .besar{flex:none;font-size:3rem;line-height:1}.ph-misi .checklist-step{min-height:64px}.ph-misi .checklist-btn{min-width:64px;min-height:44px;font-size:var(--text-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ph-misi .checklist-label{font-size:var(--text-base)}.ph-misi .checklist-step.ph-sekarang{border:2px solid var(--color-accent)}.ph-misi .checklist-btn.ph-utama{background:var(--color-accent);color:#fff}.ph-misi .checklist-btn.ph-utama:hover{background:var(--color-accent-hover)}details.ph-lipat{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5)}details.ph-lipat summary{cursor:pointer;align-items:center;gap:var(--space-2);min-height:44px;font-weight:600;list-style:none;display:flex}details.ph-lipat summary::-webkit-details-marker{display:none}details.ph-lipat summary:before{content:"▸";color:var(--color-accent);transition:transform var(--duration-fast)}details.ph-lipat[open] summary:before{transform:rotate(90deg)}details.ph-lipat[open] summary{margin-bottom:var(--space-2)}.diataxis-tabs.ph-tab-daftar{margin-bottom:var(--space-5);flex-wrap:wrap;overflow:visible}.ph-tab-daftar .diataxis-tab{cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-height:44px}.ph-daftar{margin-left:var(--space-6)}.ph-daftar li+li{margin-top:var(--space-2)}.ph-kamus dt{font-weight:700;font-family:var(--font-display)}.ph-kamus dd{margin:0 0 var(--space-3);color:var(--color-text-secondary)}.callout-ai.ph-mentor p{font-size:var(--text-base)}.callout-ai.ph-mentor .ai-tip{font-size:var(--text-sm)}.callout-ai.ph-mentor .salin-prompt:disabled{opacity:.5;cursor:default}.callout-ai.ph-mentor .ai-prompt{padding-top:var(--space-6);white-space:pre-wrap;font-size:var(--text-sm);padding-right:11rem;line-height:1.8}details.ph-lipat.ph-lipat-putih{margin:var(--space-3) 0;background:#fff}.ph-bertanya-pilihan{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:1fr 1fr;display:grid}.ph-bertanya-hasil{margin-top:var(--space-3)}.ph-bagian-baris{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ph-bagian{border-radius:4px;padding:0 4px}.ph-bagian-baris .ph-bagian{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:600}.ph-bagian.b1{background:color-mix(in srgb, var(--color-actor-1) 14%, transparent)}.ph-bagian.b2{background:color-mix(in srgb, var(--color-actor-2) 14%, transparent)}.ph-bagian.b3{background:color-mix(in srgb, var(--color-actor-4) 16%, transparent)}.ph-bagian.b4{background:color-mix(in srgb, var(--color-actor-5) 14%, transparent)}.ph-rumus label.b1{color:var(--color-actor-1)}.ph-rumus label.b2{color:var(--color-actor-2)}.ph-rumus label.b3{color:#b45309}.ph-rumus label.b4{color:#15803d}@media (width<=600px){.callout-ai.ph-mentor{padding-left:var(--space-5);padding-top:3.25rem}.callout-ai.ph-mentor .ai-icon{left:var(--space-5);top:var(--space-4)}.callout-ai.ph-mentor .ai-title{top:1.15rem;left:3.25rem;right:var(--space-4);position:absolute}.callout-ai.ph-mentor .ai-prompt{padding-right:var(--space-4);padding-top:3.75rem}.ph-bertanya-pilihan{grid-template-columns:1fr}}.ph-rumus{gap:var(--space-3);margin:var(--space-3) 0;display:grid}.ph-rumus label{font-weight:700;font-size:var(--text-sm);color:var(--color-accent);display:block}.ph-rumus .tanya{font-weight:400;font-size:var(--text-sm);color:var(--color-text-secondary);display:block}.ph-rumus textarea,.ph-isian{width:100%;font:inherit;font-size:var(--text-base);padding:var(--space-3);border-radius:var(--radius-sm);resize:vertical;background:#fff;border:1px solid #ddd3f6;min-height:44px}.ph-rumus textarea:focus,.ph-isian:focus{outline:2px solid var(--color-accent);outline-offset:1px}.ph-cek{gap:var(--space-2);min-height:44px;font-size:var(--text-sm);cursor:pointer;align-items:center;display:flex}.ph-cek input{width:22px;height:22px;accent-color:var(--color-accent)}.ph-pilih-baris{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.ph-pilih{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);border:1.5px solid var(--color-accent-muted);color:var(--color-accent);font:inherit;cursor:pointer;background:#fff;font-weight:600}.ph-pilih[aria-pressed=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.ph-pilih:disabled{opacity:.6;cursor:default}.ph-kemajuan{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.ph-kemajuan .ph-batang{max-width:none;height:4px;margin-top:var(--space-2)}.ph-selesai{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}.ph-selesai h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-success)}.ph-timer-kecil{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-accent);font-variant-numeric:tabular-nums}.ph-grafik-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ph-grafik h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:700}.ph-grafik .angka{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800}.ph-grafik svg{width:100%;height:auto;margin-top:var(--space-2);display:block;overflow:visible}.ph-grafik .garis{fill:none;stroke:var(--color-accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.ph-grafik .dasar{stroke:var(--color-border-light);stroke-width:1px}.ph-grafik .titik{fill:var(--color-accent);stroke:var(--color-surface);stroke-width:2px}.ph-grafik .batas{stroke:var(--color-warning);stroke-width:1px;stroke-dasharray:4 3}.ph-tabel-gulir{overflow-x:auto}.ph-tabel-gulir .ref-table td,.ph-tabel-gulir .ref-table th{white-space:nowrap}.ph-hadiah-daftar{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;display:grid}.ph-hadiah-daftar li{gap:var(--space-2);flex-direction:column;display:flex}.ph-baris-daftar{list-style:none}.ph-baris-daftar li{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;align-items:center;display:flex}@media (width<=480px){.page.ph-halaman{padding-left:var(--space-4);padding-right:var(--space-4)}.ph-sapa{font-size:var(--text-3xl)}.teks-latihan{padding:var(--space-4) var(--space-5)}}.ph-pesan{background:var(--color-accent-light);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.kartu-lanjutkan.ph-lanjutkan{background:var(--color-accent-light);color:var(--color-text);border:2px solid var(--color-accent);padding:var(--space-6) var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.ph-lanjutkan .ph-lanjutkan-isi{flex:320px;min-width:0}.ph-lanjutkan .ph-label-kecil{color:var(--color-accent)}.ph-lanjutkan h2{font-size:var(--text-2xl)}.kartu-lanjutkan.ph-lanjutkan p{color:var(--color-text-secondary)}.kartu-lanjutkan.ph-lanjutkan .btn-besar{background:var(--color-accent);color:#fff}.kartu-lanjutkan.ph-lanjutkan .btn-besar.ph-tautan-tombol:hover{background:var(--color-accent-hover);color:#fff}@media (width<=480px){.kartu-lanjutkan.ph-lanjutkan{padding:var(--space-5)}}.ph-pangkat{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.ph-alat-ringkas a.samar{opacity:.55}.ph-alat-ringkas a.sekarang{border:2px solid var(--color-accent);border-top-width:4px}.ph-alat-status{font-size:var(--text-xs);color:var(--color-text-secondary)}.ph-alat-status.aktif{color:var(--color-accent);font-weight:600}.quiz-option,.ph-mentor .quiz-option{font:inherit;color:var(--color-text);min-height:48px;line-height:1.5}.quiz-option>strong{flex:none}.ph-betul{color:var(--color-success);flex:none;margin-left:auto;font-weight:700}.quiz-option:disabled:not(.correct):not(.selected){opacity:.7}.ph-ujian .quiz-question{font-size:var(--text-lg)}.ph-ujian .quiz-feedback{font-size:var(--text-base)}.quiz-feedback.ph-netral{background:var(--color-accent-light);color:var(--color-text)}.ph-mentor .quiz-option.selected{background:#fff}.ph-langkah-kartu{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;list-style:none;display:grid}.ph-langkah-kartu li{border-radius:var(--radius-full);background:var(--color-border-light);height:6px}.ph-langkah-kartu li.selesai{background:var(--color-success)}.ph-langkah-kartu li.sekarang{background:var(--color-accent)}.ph-halaman>.ph-langkah-kartu{margin-top:var(--space-4)}.ph-halaman>.ph-kartu-latihan{margin-top:var(--space-5)}.ph-ungu{color:var(--color-accent)}.ph-kartu-latihan .teks-latihan{border-left-width:1px}.ph-alat-daftar{gap:var(--space-4);display:grid}.ph-alat-baris{gap:var(--space-5);grid-template-columns:minmax(150px,190px) 1fr;align-items:start;display:grid}.ph-alat-baris.sekarang{border-color:var(--color-accent);border-width:5px 2px 2px}.ph-alat-baris.samar{grid-template-columns:1fr}.ph-alat-info{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.ph-alat-nama{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.ph-alat-tanya{color:var(--color-text-secondary);font-style:italic}.ph-alat-modul{font-weight:600;font-size:var(--text-sm)}.btn-besar.ph-tombol-kecil{font-size:var(--text-base);padding:var(--space-2) var(--space-5);margin-top:var(--space-2)}.ph-slot-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ph-slot-kotak{border:1px solid var(--color-border-light);background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);gap:var(--space-1);flex-direction:column;display:flex}.ph-slot-kotak.punya{background:var(--color-success-light);border-color:color-mix(in srgb, var(--color-success) 35%, transparent)}.ph-slot-kotak strong{font-family:var(--font-display);font-size:var(--text-base)}.ph-slot-emoji{font-size:1.6rem;line-height:1}.ph-didapat{color:var(--color-success);font-weight:600;font-size:var(--text-xs)}.ph-slot-kemajuan,.ph-slot-catatan{font-size:var(--text-xs);color:var(--color-text-secondary)}.ph-slot-kemajuan .ph-batang{margin:var(--space-1) 0}@media (width<=600px){.ph-alat-baris,.ph-slot-grid{grid-template-columns:1fr}.ph-slot-kotak{column-gap:var(--space-3);grid-template-columns:2rem 1fr;display:grid}.ph-slot-kotak>:not(.ph-slot-emoji){grid-column:2}.ph-slot-emoji{grid-row:1/span 4}}.ph-grafik-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.ph-tabel-gulir .ref-table thead th{white-space:normal;vertical-align:bottom}.ph-tabel-gulir .ref-table tbody th{text-transform:none;letter-spacing:normal;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);white-space:normal;border-bottom:1px solid var(--color-border-light);background:0 0;min-width:140px}.ph-grafik{padding:var(--space-4)}.ph-grafik h3{font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-secondary);font-weight:600}.ph-grafik .angka{font-size:var(--text-xl)}.ph-grafik .lencana{margin-top:var(--space-1)}.ph-panduan{margin:var(--space-4) 0}.ph-langkah{gap:var(--space-2);font-size:var(--text-lg);margin:0;padding-left:1.6em;display:grid}.ph-langkah li::marker{color:var(--color-accent);font-weight:700}.ph-perekam{gap:var(--space-3);justify-items:start;display:grid}.ph-perekam audio{width:min(100%,360px)}.ph-deret-atas{gap:var(--space-3);flex-wrap:wrap;align-items:center}.ph-deret-misi{gap:var(--space-2);flex-wrap:wrap;display:flex}.ph-deret-titik{min-width:44px;height:44px;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.ph-deret-titik.selesai{background:var(--color-success);border-color:var(--color-success);color:#fff}.ph-deret-titik.di-sini{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.ph-tanya{gap:var(--space-3);margin-top:var(--space-6);justify-items:start;display:grid}.ph-tanya-form{gap:var(--space-2);width:100%;display:grid}.ph-tanya-form input{flex:1;min-width:0}.ph-tanya-daftar{gap:var(--space-3);width:100%;margin:0;padding:0;list-style:none;display:grid}.ph-tanya-daftar li{border-left:3px solid var(--color-border);padding-left:var(--space-3)}.ph-pamer{gap:var(--space-4);margin-top:var(--space-6);display:grid}.ph-pamer-dua{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.ph-pamer-dua figure{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0}.ph-pamer-dua figure+figure{background:var(--color-success-light);border-color:var(--color-success)}.ph-pamer-dua figcaption{font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary)}.ph-pamer-tunjuk{font-size:var(--text-lg);border:2px solid var(--color-success)}.beda-buang{text-decoration:line-through;-webkit-text-decoration-color:var(--color-error,#c0392b);text-decoration-color:var(--color-error,#c0392b);background:#c0392b1a;border-radius:3px;text-decoration-thickness:2px}.beda-baru{background:#27ae602e;border-radius:3px;text-decoration:none}:root{--color-bg:#fff8f0;--color-bg-warm:#fff0dd;--color-bg-code:#1e1e2e;--color-text:#2a2530;--color-text-secondary:#5f5a68;--color-text-muted:#9c95a6;--color-border:#e9dfd1;--color-border-light:#f3ebdf;--color-surface:#fff;--color-surface-warm:#fffbf5;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-accent-light:#f1e8fd;--color-accent-muted:#a78bfa;--color-success:#16a34a;--color-success-light:#e9f9f0;--color-error:#dc2626;--color-error-light:#fdebeb;--color-info:#0e7490;--color-info-light:#e2f4f9;--color-warning:#d97706;--color-warning-light:#fdf3e5;--color-actor-1:#7c3aed;--color-actor-2:#0e7490;--color-actor-3:#db2777;--color-actor-4:#d97706;--color-actor-5:#16a34a;--color-actor-6:#db2777;--font-display:"Bricolage Grotesque", "Comic Sans MS", Georgia, serif;--font-body:"DM Sans", "Trebuchet MS", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--content-width:920px;--nav-height:56px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #2a25300d;--shadow-md:0 4px 14px #2a253017;--shadow-lg:0 10px 30px #2a25301f;--ease-out:cubic-bezier(.16,1,.3,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:var(--leading-normal);font-size:var(--text-base)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}pre,code{white-space:pre-wrap;word-break:break-word;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.nav{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid var(--color-border-light);background:#fff8f0f2;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--content-width);height:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-text)}.nav-title a{color:inherit}.nav-course-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-muted);margin-bottom:2px;font-size:.6rem;font-weight:600;display:block}.nav-links{gap:var(--space-4);font-size:var(--text-sm);display:flex}.nav-links a{color:var(--color-text-secondary);font-weight:500}.nav-links a:hover{color:var(--color-accent);text-decoration:none}.nav-links a.current{color:var(--color-accent);font-weight:600}.nav-dots{align-items:center;gap:var(--space-2);margin:0 var(--space-4);display:flex}.nav-dot{background:var(--color-border);width:11px;height:11px;transition:all var(--duration-fast);border-radius:50%;flex-shrink:0;display:block}.nav-dot:hover{background:var(--color-accent-muted)}.nav-dot.active{background:var(--color-accent);transform:scale(1.35)}.page{padding-top:calc(var(--nav-height) + var(--space-10));padding-bottom:var(--space-20);max-width:var(--content-width);padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.page-header{margin-bottom:var(--space-8)}.page-number{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--color-accent);opacity:.15;font-weight:800;line-height:1;display:block}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-tight);margin-top:var(--space-2)}.page-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-3);max-width:660px}.course-module{padding-top:var(--space-8)}.course-module+.course-module{border-top:3px solid var(--color-border-light);margin-top:var(--space-20)}.course-pager{margin-top:var(--space-12)}.diataxis-tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-8);-webkit-overflow-scrolling:touch;gap:0;display:flex;overflow-x:auto}.diataxis-tab{padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px}.diataxis-tab:hover{color:var(--color-text)}.diataxis-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.diataxis-tab .tab-icon{margin-right:var(--space-2)}.diataxis-panel{display:none}.diataxis-panel.active{display:block}h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:700;line-height:var(--leading-snug)}h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:600;line-height:var(--leading-snug)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.tutorial-step{border-left:4px solid var(--color-accent);padding:var(--space-6);margin-bottom:var(--space-6);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-sm)}.tutorial-step-number{font-family:var(--font-display);color:var(--color-accent);font-weight:800;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.tutorial-step h3{margin-bottom:var(--space-3)}.tutorial-step .expected-result{background:var(--color-success-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:var(--space-4);border-left:3px solid var(--color-success)}.tutorial-step .expected-result strong{color:var(--color-success)}.hand-on{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);margin-bottom:var(--space-8);overflow:hidden}.hand-on-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-accent-light);border-bottom:1px solid var(--color-border-light);display:flex}.hand-on-header .ha-icon{font-size:1.2rem}.hand-on-header .ha-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);flex:1}.hand-on-progress{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.hand-on-progress-bar{background:var(--color-accent);height:3px;transition:width .3s var(--ease-out)}.hand-on-body{padding:var(--space-6)}.hand-on-step{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);display:flex}.hand-on-step:last-child{border-bottom:none}.hand-on-check{border:2px solid var(--color-border);cursor:pointer;width:24px;height:24px;transition:all var(--duration-fast);color:#0000;-webkit-user-select:none;user-select:none;background:var(--color-surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.85rem;display:flex}.hand-on-step.done .hand-on-check{background:var(--color-success);border-color:var(--color-success);color:#fff}.hand-on-step.done .hand-on-content{opacity:.6}.hand-on-content{flex:1}.hand-on-content h4{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-2)}.hand-on-content h4 .file-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full);margin-left:var(--space-2);letter-spacing:.02em;padding:2px 8px;font-weight:500}.hand-on-content ol,.hand-on-content ul{margin:var(--space-3) 0 var(--space-3) var(--space-6);font-size:var(--text-sm)}.hand-on-content li{margin-bottom:var(--space-2)}.callout-ai{margin:var(--space-5) 0;padding:var(--space-5) var(--space-6) var(--space-5) 4.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f6f3ff,#efe9ff);border:1px solid #ddd3f6;position:relative;overflow:hidden}.callout-ai:before{content:"";background:linear-gradient(#7c3aed,#a78bfa);width:5px;position:absolute;top:0;bottom:0;left:0}.callout-ai .ai-icon{font-size:1.4rem;line-height:1;position:absolute;top:1.25rem;left:1.25rem}.callout-ai .ai-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-base);color:var(--color-accent);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.callout-ai h4{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-2);font-weight:700;font-size:var(--text-base)}.callout-ai p{font-size:var(--text-sm);margin-bottom:var(--space-2)}.callout-ai .ai-rule{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2) 0;display:flex}.callout-ai .ai-rule .emo{font-size:1.1rem;line-height:1.2}.callout-ai .ai-prompt{border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-3) 0;font-family:var(--font-mono);font-size:var(--text-sm);color:#4c1d95;background:#fff;border:1px solid #e5ddf7;position:relative}.callout-ai .ai-prompt:before{content:"Prompt";top:-8px;left:var(--space-3);background:var(--color-accent);color:#fff;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute}.callout-ai .ai-prompt em{color:var(--color-text-muted);font-style:normal;font-size:var(--text-xs)}.callout-ai .ai-tip{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.callout-ai .ai-kbd{background:var(--color-accent-light);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid #ddd3f6;border-radius:6px;padding:1px 6px;display:inline-block}.checklist-step{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;align-items:center;gap:var(--space-3);transition:background var(--duration-fast),border-color var(--duration-fast);display:flex}.checklist-step.done{background:var(--color-success-light);border-color:var(--color-success)}.checklist-num{background:var(--color-accent-light);width:26px;height:26px;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.checklist-step.done .checklist-num{background:var(--color-success);color:#fff}.checklist-label{font-size:var(--text-sm);flex:1;line-height:1.5}.checklist-label strong{font-family:var(--font-display);font-weight:700}.checklist-btn{border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-body);font-weight:700;font-size:var(--text-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);background:0 0;flex:none}.checklist-btn:hover{background:var(--color-accent);color:#fff}.checklist-step.done .checklist-btn{background:var(--color-success);border-color:var(--color-success);color:#fff}.checklist-step.done .checklist-btn:hover{background:var(--color-success);opacity:.9}.checklist-counter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin:var(--space-2) 0 0}.module-progress{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin:var(--space-2) 0 0;align-items:center;gap:var(--space-2);display:flex}.module-progress:before{content:"✓";color:var(--color-success);font-weight:700}.figure{margin:var(--space-4) 0}.figure img{border-radius:var(--radius-md);width:100%;height:auto;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);display:block}.figure.gdev-media{-webkit-user-select:none;user-select:none;position:relative}.figure.gdev-media .poster-wrap{cursor:pointer;position:relative}.figure.gdev-media .poster-wrap img{display:block}.figure.gdev-media .play-btn{right:var(--space-4);bottom:var(--space-4);background:var(--color-accent);color:#fff;cursor:pointer;width:52px;height:52px;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.4rem;line-height:1;display:flex;position:absolute;box-shadow:0 6px 20px #7c3aed73}.figure.gdev-media .play-btn:hover{background:var(--color-accent-hover);transform:scale(1.12)}.figure.gdev-media .play-btn:active{transform:scale(.96)}.figure.gdev-media .play-hint{left:var(--space-4);bottom:var(--space-4);color:#fff;border-radius:var(--radius-full);font-size:.7rem;font-family:var(--font-display);letter-spacing:.04em;z-index:2;pointer-events:none;background:#2a2530c7;padding:4px 12px;position:absolute}.figure.gdev-media video{border-radius:var(--radius-md);width:100%;height:auto;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);background:#000;display:block}.figure.gdev-media .media-close{top:var(--space-3);right:var(--space-3);z-index:3;color:#fff;cursor:pointer;background:#2a2530c7;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;line-height:1;display:flex;position:absolute}.figure figcaption{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-2);font-family:var(--font-display);letter-spacing:.01em}.figure figcaption .fig-num{background:var(--color-accent);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);margin-right:var(--space-2);padding:1px 8px;font-weight:700;display:inline-block}.gallery{gap:var(--space-5);margin:var(--space-6) 0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.gallery-scroll{gap:var(--space-4);padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.gallery-scroll .figure{scroll-snap-align:start;flex:0 0 300px}.gallery-scroll .figure img{width:300px}.compare-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:1fr 1fr;display:grid}.compare-grid .figure{margin:0}.compare-grid .compare-vs{align-items:center;gap:var(--space-3);background:var(--color-surface-warm);border-radius:var(--radius-md);padding:var(--space-5);border:1px dashed var(--color-border);grid-template-columns:auto 1fr;display:grid}.compare-vs .vs-badge{background:var(--color-warning);color:#fff;width:34px;height:34px;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.compare-vs p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.zoom-callout{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}.code-block{background:var(--color-bg-code);color:#cdd6f4;padding:var(--space-5);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.7;position:relative;overflow-x:hidden}.code-block .filename{top:var(--space-2);right:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);opacity:.6;letter-spacing:.05em;position:absolute}.code-block pre{margin:0}.copy-btn{top:var(--space-2);right:var(--space-3);font-size:var(--text-xs);color:#cdd6f4;opacity:.5;cursor:pointer;font-family:var(--font-mono);transition:opacity var(--duration-fast);background:0 0;border:1px solid #fff3;border-radius:6px;padding:2px 8px;position:absolute}.copy-btn:hover{opacity:1}.code-keyword{color:#cba6f7}.code-string{color:#a6e3a1}.code-function{color:#89b4fa}.code-comment{color:#6c7086}.code-number{color:#fab387}.code-property{color:#f9e2af}.code-operator{color:#94e2d5}.code-decorator{color:#f9e2af}.translation-block{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:var(--space-6) 0;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.translate-block{grid-template-columns:1fr 1fr}@media (width<=768px){.translate-block{grid-template-columns:1fr}}.translate-block .code-line{margin-bottom:var(--space-2)}.overlay-compare{background:var(--color-surface-warm);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.overlay-compare p{margin:0}.overlay-compare .vs-badge{background:var(--color-warning);color:#fff;text-align:center;width:30px;height:30px;line-height:30px;font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);margin-right:var(--space-2);vertical-align:middle;border-radius:50%;display:inline-block}.translation-code{background:var(--color-bg-code);color:#cdd6f4;padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;position:relative;overflow-x:hidden}.translation-english{background:var(--color-surface-warm);padding:var(--space-5);font-size:var(--text-sm);border-left:3px solid var(--color-accent);line-height:1.7}.translation-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:var(--space-3);display:block}.tl{margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--color-border-light)}.ref-table{border-collapse:collapse;width:100%;margin:var(--space-4) 0;font-size:var(--text-sm)}.ref-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-bg-warm);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.ref-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:top}.ref-table tr:hover td{background:var(--color-surface-warm)}.ref-table code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-code);color:#cba6f7;border-radius:4px;padding:2px 6px}.callout{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);margin:var(--space-6) 0;display:flex}.callout-accent{background:var(--color-accent-light);border-left:4px solid var(--color-accent)}.callout-info{background:var(--color-info-light);border-left:4px solid var(--color-info)}.callout-warning{background:var(--color-warning-light);border-left:4px solid var(--color-warning)}.callout-error{background:var(--color-error-light);border-left:4px solid var(--color-error)}.callout-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.callout-content{flex:1}.callout-title{font-family:var(--font-display);margin-bottom:var(--space-1);font-weight:600;display:block}.callout-content p{font-size:var(--text-sm);color:var(--color-text-secondary)}.card-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);border-top:3px solid var(--color-border)}.card h4{font-family:var(--font-display);margin-bottom:var(--space-2);font-weight:600}.card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.badge-list{gap:var(--space-2);margin:var(--space-4) 0;flex-direction:column;display:flex}.badge-item{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.badge-code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-code);color:#cba6f7;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.quiz{margin:var(--space-6) 0}.quiz-block{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.quiz-q{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin-bottom:var(--space-4)}.quiz-scenario{background:var(--color-bg-warm);padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm);border-left:3px solid var(--color-warning)}.quiz-opts{gap:var(--space-2);flex-direction:column;display:flex}.quiz-opt{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast);background:var(--color-surface);display:flex}.quiz-opt:hover{border-color:var(--color-accent)}.quiz-opt .qopt-letter{font-family:var(--font-display);color:var(--color-accent);width:22px;font-weight:700}.quiz-opt.correct{background:var(--color-success-light);border-color:var(--color-success)}.quiz-opt.wrong{background:var(--color-error-light);border-color:var(--color-error)}.quiz-opt.disabled{pointer-events:none;color:var(--color-text-secondary)}.quiz-feedback{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-bg-warm);display:none}.quiz-block.revealed .quiz-feedback{display:block}.quiz-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);margin:var(--space-8) 0}.quiz-question-block{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border-light)}.quiz-question-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.quiz-question{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700;line-height:var(--leading-snug)}.quiz-options{gap:var(--space-2);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:left;width:100%;font-size:var(--text-base);transition:border-color var(--duration-fast),background var(--duration-fast);display:flex}.quiz-option:hover:not(:disabled){border-color:var(--color-accent-muted)}.quiz-option.selected{border-color:var(--color-accent);background:var(--color-accent-light)}.quiz-option-radio{border:2px solid var(--color-border);width:18px;height:18px;transition:all var(--duration-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option.selected .quiz-option-radio{border-color:var(--color-accent)}.quiz-option.selected .quiz-option-radio:after{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px}.quiz-option.correct{border-color:var(--color-success);background:var(--color-success-light)}.quiz-option.correct .quiz-option-radio{border-color:var(--color-success)}.quiz-option.correct .quiz-option-radio:after{background:var(--color-success)}.quiz-option.incorrect{border-color:var(--color-error);background:var(--color-error-light)}.quiz-option.incorrect .quiz-option-radio{border-color:var(--color-error)}.quiz-option.incorrect .quiz-option-radio:after{background:var(--color-error)}.quiz-option:disabled{pointer-events:none}.quiz-feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);display:none}.quiz-feedback.show{display:block}.quiz-feedback.success{background:var(--color-success-light);color:var(--color-success)}.quiz-feedback.error{background:var(--color-error-light);color:var(--color-error)}.quiz-feedback.warning{background:var(--color-warning-light);color:var(--color-warning)}.quiz-controls{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);transition:all var(--duration-fast);border:none;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-accent);border-color:var(--color-accent)}.pager{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);border-top:1px solid var(--color-border);padding-top:var(--space-6);display:flex}.pager a{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--color-text);transition:all var(--duration-fast);flex:1}.pager a:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);text-decoration:none}.pager .pager-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.pager .pager-title{font-family:var(--font-display);margin-top:2px;font-weight:600}.screen{margin:var(--space-10) 0;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.screen-opener{background:linear-gradient(180deg,var(--color-bg-warm),var(--color-surface));border-top:4px solid var(--color-accent)}.screen-exam{background:var(--color-surface);border-top:4px solid var(--color-warning)}.screen-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-snug);margin-bottom:var(--space-4)}.screen-opener .screen-heading{color:var(--color-accent)}.screen-exam .screen-heading{color:var(--color-warning)}.term{border-bottom:1px dashed var(--color-accent-muted);cursor:help;color:var(--color-text);transition:color var(--duration-fast)}.term:hover{color:var(--color-accent)}.hero{margin-bottom:var(--space-12)}.hero-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:660px;line-height:var(--leading-normal);margin-bottom:var(--space-8)}.diataxis-intro{background:var(--color-surface-warm);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);border-left:3px solid var(--color-accent);margin-bottom:var(--space-12)}.module-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.module-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);color:inherit;border-top:3px solid var(--color-border);flex-direction:column;text-decoration:none;display:flex}.module-card:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-4px)}.module-card.actor-1{border-top-color:var(--color-actor-1)}.module-card.actor-2{border-top-color:var(--color-actor-2)}.module-card.actor-3{border-top-color:var(--color-actor-3)}.module-card.actor-4{border-top-color:var(--color-actor-4)}.module-card.actor-5{border-top-color:var(--color-actor-5)}.module-card.actor-6{border-top-color:var(--color-actor-6)}.module-number{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent);opacity:.15;margin-bottom:var(--space-2);font-weight:800;line-height:1}.module-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug);margin-bottom:var(--space-2)}.module-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-5);flex:1}.badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.diataxis-badge{font-family:var(--font-display);border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 8px;font-size:.65rem;font-weight:600}.diataxis-badge.tutorial{background:var(--color-accent-light);color:var(--color-accent)}.diataxis-badge.howto{background:var(--color-info-light);color:var(--color-info)}.diataxis-badge.explain{background:var(--color-warning-light);color:var(--color-warning)}.diataxis-badge.reference{background:var(--color-surface-warm);color:var(--color-text-muted)}.flow-animation{gap:var(--space-3);padding:var(--space-6);background:var(--color-bg-warm);border-radius:var(--radius-md);margin:var(--space-4) 0;font-family:var(--font-mono);font-size:var(--text-sm);flex-direction:column;display:flex}.flow-step{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--duration-normal),transform var(--duration-normal);display:none;transform:translateY(4px)}.flow-step.show{opacity:1;display:block;transform:translateY(0)}.flow-step.done{opacity:.5}.flow-next{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);background:0 0;align-self:flex-start}.flow-next:hover{background:var(--color-accent);color:#fff}.yt-watch-row{margin:var(--space-5) 0 0;justify-content:flex-start;display:flex}.yt-watch{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);cursor:pointer;color:#fff;font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);transition:transform var(--duration-fast),box-shadow var(--duration-fast);background:linear-gradient(135deg,#e62117,#b30e05);border:none;border-radius:40px;margin:0;display:inline-flex;box-shadow:0 6px 18px #b6120859}.yt-watch:hover{transform:translateY(-2px);box-shadow:0 10px 26px #b6120873}.yt-watch .yt-badge{color:#e62117;background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:inline-flex}.yt-watch .yt-sub{opacity:.9;text-align:left;font-size:.7rem;font-weight:500;display:block}#yt-watch-modal .yt-topbar{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin-bottom:14px;display:flex}#yt-watch-modal .yt-topbar-title{color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);text-shadow:0 1px 6px #0006}#yt-watch-modal .yt-close{cursor:pointer;color:#fff;width:40px;height:40px;transition:background var(--duration-fast);background:#ffffff1f;border:none;border-radius:50%;flex:none;font-size:1.1rem;line-height:1}#yt-watch-modal .yt-close:hover{background:#ffffff47}#yt-watch-modal .yt-frame-wrap{aspect-ratio:16/9;border-radius:14px;width:100%;max-width:960px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}#yt-watch-modal .yt-frame-wrap iframe{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=768px){#yt-watch-modal .yt-frame-wrap{aspect-ratio:16/10}.hero-title{font-size:var(--text-4xl)}.module-grid,.translation-block,.compare-grid,.gallery{grid-template-columns:1fr}}.layar{max-width:var(--content-width);padding:0 var(--space-4);margin:0 auto}.tumpuk>*+*{margin-top:var(--space-6)}.baris{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.kecil{font-size:var(--text-sm);color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn-besar{min-height:48px;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-lg);font-family:var(--font-display);cursor:pointer;background:var(--color-accent);color:#fff;align-items:center;gap:var(--space-2);border:0;font-weight:700;display:inline-flex}.btn-besar:hover{background:var(--color-accent-hover)}.btn-besar:disabled{opacity:.5;cursor:default}.btn-besar.sekunder{background:var(--color-surface);color:var(--color-accent);border:2px solid var(--color-accent)}button:not(.kata):not(.celah),a.btn,.btn{min-height:44px}.nav-links{align-items:center}.nav-links .btn,.nav-links select{min-height:36px;padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}@media (width<=640px){.nav-dots{display:none}.nav-inner{gap:var(--space-3);padding:0 var(--space-4)}.nav-links{gap:var(--space-3);white-space:nowrap;overflow-x:auto}}.banner-simulasi{z-index:1001;justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-info-light);height:44px;color:var(--color-info);font-size:var(--text-sm);border-bottom:1px solid var(--color-info);padding:0 var(--space-4);white-space:nowrap;flex-wrap:nowrap;display:flex;position:fixed;top:0;left:0;right:0}.banner-simulasi .btn{flex:none}.banner-teks{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=1000px){.banner-rinci{display:none}}.banner-simulasi .btn{min-height:32px;padding:2px var(--space-3);font-size:var(--text-xs)}.nav.nav-simulasi{top:44px}.nav-simulasi~* .page,.nav-simulasi~.page{padding-top:calc(var(--nav-height) + 44px + var(--space-10))}.kartu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.kartu-lanjutkan{background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);padding:var(--space-8)}.kartu-lanjutkan h2{font-family:var(--font-display);font-size:var(--text-3xl);margin:var(--space-2) 0}.kartu-lanjutkan .btn-besar{color:var(--color-accent);background:#fff}.teks-latihan{background:var(--color-surface);border:1px solid var(--color-border);border-left:5px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-6);font-size:var(--text-xl);line-height:2}.kata{min-height:0;font:inherit;color:inherit;cursor:pointer;line-height:inherit;vertical-align:baseline;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:4px;margin:0;padding:0;display:inline-block;position:relative}.kata:after{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.kata.tanda{z-index:2}.kata.spasi{white-space:pre}.kata.tanda:after{left:-3px;right:-3px}.kata:hover{background:var(--color-accent-light)}.kata.ditemukan{background:var(--color-success-light);border-bottom-color:var(--color-success)}.kata.meleset{animation:goyang .3s var(--ease-out)}.kata.nyala{background:color-mix(in srgb, var(--color-actor-3) 22%, transparent)}.kalimat-petunjuk{background:var(--color-warning-light);border-radius:6px}.celah{cursor:pointer;vertical-align:-.15em;z-index:1;background:0 0;border:0;width:0;height:1em;min-height:0;margin:0;padding:0;display:inline-block;position:relative}.celah:before{content:"";width:16px;height:44px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.celah:after{content:"";background:var(--color-accent-muted);opacity:.45;border-radius:2px;width:2px;position:absolute;top:-10%;bottom:-10%;left:-1px}.celah:hover:after,.celah:focus-visible:after{background:var(--color-accent);opacity:1}.celah:disabled{cursor:default}.celah:disabled:not(.ditemukan):not(.potong):not(.terlewat):after{opacity:0}.celah.ditemukan:after{background:var(--color-success);opacity:1;width:4px;left:-2px}.celah.potong:after{background:var(--color-accent);opacity:1;width:4px;top:-25%;bottom:-25%;left:-2px}.celah.tepat:after{background:var(--color-success)}.celah.tidak-perlu:after{background:var(--color-text-muted)}.celah.terlewat:after{border-left:3px dashed var(--color-accent);opacity:1;background:0 0;width:0;top:-25%;bottom:-25%;left:-2px}.celah.meleset{animation:goyang .3s var(--ease-out)}.celah.spasi{width:.45em}.celah.spasi:before{width:20px;left:calc(50% - 10px)}.celah.spasi:after{left:calc(50% - 1px)}.celah.spasi.potong:after,.celah.spasi.ditemukan:after{left:calc(50% - 2px)}.celah.spasi.terlewat:after{left:calc(50% - 1px)}@keyframes goyang{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.penghitung{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.penghitung .batang{background:var(--color-accent-light);border-radius:var(--radius-full);height:8px;margin-top:var(--space-2);overflow:hidden}.penghitung .batang>span{background:var(--color-accent);height:100%;transition:width var(--duration-normal) var(--ease-out);display:block}.kartu-alat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.kartu-alat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);border-top:5px solid var(--warna-alat,var(--color-accent))}.kartu-alat.samar{opacity:.55}.kartu-alat .emoji{font-size:2rem}.slot-baris{gap:var(--space-3);margin-top:var(--space-3);display:flex}.slot-stiker{border:2px dashed var(--color-border);background:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.slot-stiker.punya{border-style:solid}.slot-stiker.perunggu.punya{background:#fdf0e1;border-color:#b45309}.slot-stiker.perak.punya{background:#f3f4f6;border-color:#6b7280}.slot-stiker.emas.punya{background:#fef9c3;border-color:#ca8a04}@media (width<=600px){.kartu-alat-grid{grid-template-columns:1fr}}.ai-prompt{position:relative}.salin-prompt{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-accent);background:var(--color-surface);color:var(--color-accent);font:inherit;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);padding:var(--space-1) var(--space-4);cursor:pointer;min-height:44px;position:absolute}.salin-prompt:hover:not(:disabled){background:var(--color-accent-light)}.timer{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:800}.lencana{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:2px var(--space-3);font-size:var(--text-xs);background:var(--color-border-light);color:var(--color-text-secondary);font-weight:600;display:inline-flex}.lencana.selesai{background:var(--color-success-light);color:var(--color-success)}.lencana.aktif{background:var(--color-accent-light);color:var(--color-accent)}.stempel{border:3px dashed var(--color-border);text-align:center;width:72px;height:72px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-8deg)}.stempel.punya{border-color:var(--color-accent);color:var(--color-accent)}.stempel.sekarang{border-color:var(--color-accent-muted);color:var(--color-accent)}.perayaan{z-index:50;background:#2a253059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.perayaan .isi{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;animation:membesar var(--duration-slow) var(--ease-out);max-width:360px}.perayaan .besar{font-size:4rem}@keyframes membesar{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.peta-perjalanan{gap:var(--space-6);flex-wrap:wrap;display:flex}.peta-level{flex:1;min-width:200px}.titik-modul{width:28px;height:28px;font-size:var(--text-xs);color:#fff;background:var(--color-border);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.titik-modul.selesai{background:var(--color-success)}.titik-modul.aktif{background:var(--color-accent);animation:1.6s infinite denyut}@keyframes denyut{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 8px #7c3aed00}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.nav-title,.nav-links{white-space:nowrap}.nav.nav-penulis{height:calc(var(--nav-height) + 40px)}.nav-penulis .nav-inner{height:var(--nav-height)}.nav-penulis~.page,.nav-penulis~* .page{padding-top:calc(var(--nav-height) + 40px + var(--space-10))}.nav-penulis.nav-simulasi~.page,.nav-penulis.nav-simulasi~* .page{padding-top:calc(var(--nav-height) + 84px + var(--space-10))}.nav-baris-modul{max-width:var(--content-width);height:40px;padding:0 var(--space-6);scrollbar-width:none;align-items:center;margin:0 auto;display:flex;overflow-x:auto}.nav-modul{align-items:center;gap:6px;display:flex}.nav-modul-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-right:4px;font-weight:600}.nav-modul-titik{width:28px;height:28px;color:var(--color-text-muted);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.nav-modul-titik:hover{text-decoration:none}.nav-modul-titik.selesai{background:var(--color-success);border-color:var(--color-success);color:#fff}.nav-modul-titik.aktif{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.nav-modul-titik.terkunci{opacity:.45;border-style:dashed}.nav-modul-titik.terbuka{color:var(--color-text)}.nav-modul-titik.di-sini{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=640px){.nav-baris-modul{padding:0 var(--space-4)}}.nav-sebelum-berikut{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.nav-sebelum-berikut .terkunci{opacity:.55;cursor:not-allowed}.sorot-oren{background:var(--color-warning-light);border-bottom:3px solid var(--color-warning);border-radius:4px}.kata.bantuan-tunjuk{background:var(--color-warning-light);border-bottom-color:var(--color-warning);animation:bersinar 1.6s var(--ease-out) infinite alternate}.celah.bantuan-tunjuk:after{background:var(--color-warning);opacity:1;width:4px;left:-2px}@keyframes bersinar{0%{box-shadow:0 0 #0000}to{box-shadow:0 0 0 4px var(--color-warning-light)}}@media (prefers-reduced-motion:reduce){.kata.bantuan-tunjuk{animation:none}}.celah.spasi.bantuan-tunjuk:after{left:calc(50% - 2px)}.sorot-celah{white-space:pre;width:1em;display:inline-block;position:relative}.sorot-celah:after{content:"✂";color:var(--color-accent);border-left:3px dashed var(--color-accent);padding:0 1px;font-size:.9em;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gelembung-oren,.bantuan-oren{gap:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-lg);align-items:flex-start;display:flex}.gelembung-oren>span,.bantuan-oren>span{font-size:var(--text-2xl);line-height:1}.gelembung-oren p,.bantuan-oren p{margin:0}.dengar{align-items:center}.dengar-pilihan{gap:var(--space-2);align-items:center;min-height:44px;display:inline-flex}.dengar-pilihan input{width:22px;height:22px}.pilih-perasaan .teks-latihan span.bantuan-tunjuk{background:var(--color-warning-light);border-bottom:3px solid var(--color-warning);border-radius:4px}.pilih-perasaan .teks-latihan span.ditemukan{background:var(--color-success-light);border-bottom:3px solid var(--color-success);border-radius:4px}.pilihan-perasaan{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);display:inline-block}.btn-besar.pilihan-perasaan.aktif{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-text)}.btn-besar.pilihan-perasaan.salah{opacity:.55;text-decoration:line-through}.pilihan-oren{border-color:var(--color-warning);background:var(--color-warning-light);font-weight:600}.area-ortu{--content-width:1100px;--color-accent:var(--color-info);--color-accent-light:var(--color-info-light);--color-accent-hover:#0b5e73;--color-accent-muted:#67b7c9}.area-ortu .dua-kolom{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=860px){.area-ortu .dua-kolom{grid-template-columns:1fr}}.tabel{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.tabel th,.tabel td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light)}.tabel th{background:var(--color-bg-warm);font-weight:600}.angka-besar{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent);font-weight:800}.btn-hapus{color:var(--color-error);border-color:var(--color-error)}.gulir-x{overflow-x:auto}.lembar-cetak{color:#000;background:#fff;max-width:794px;margin:0 auto;padding:24px;font-size:14pt;line-height:2}.lembar-cetak h1{font-family:var(--font-display);margin:0;font-size:20pt}.lembar-cetak .kepala{border-bottom:2px solid #000;justify-content:space-between;padding-bottom:8px;display:flex}.lembar-cetak .garis{border-bottom:1px solid #999;height:2.2em}.lembar-cetak .kotak-ortu{border:2px solid #000;margin-top:16px;padding:12px;font-size:12pt;line-height:1.5}.lembar-cetak+.lembar-cetak{page-break-before:always}.pola-gelombang{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.pola-putus{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.pola-lingkaran{border-radius:999px;outline:1.5px solid}.pola-tebal{text-decoration:underline;text-decoration-thickness:3px}.pola-titik{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media print{@page{size:A4 portrait;margin:10mm}.nav,.tidak-dicetak,button{display:none!important}body{background:#fff!important}.page{padding:0!important}.lembar-cetak{max-width:none;padding:0}}