:root{--nb-bg: #FFFDF5;--nb-surface: #FFFFFF;--nb-black: #0D0D0D;--nb-ink: #1A1A1A;--nb-muted: #5C5C5C;--nb-border: 3px solid #0D0D0D;--nb-shadow: 5px 5px 0px #0D0D0D;--nb-shadow-sm: 3px 3px 0px #0D0D0D;--nb-yellow: #FFD60A;--am: #D97706;--am-dark: #B45309;--am-light: #FEF3C7;--am-pale: #FFFDF5;--te: #0D9488;--te-light: #F0FDFA;--nb-purple: #7C3AED;--nb-green: #16A34A;--nb-coral: #EA580C;--nb-magenta: #C90097;--nb-green-light: #F0FDF4;--font-display: "Syne", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}.modul-wrapper{max-width:860px;margin:0 auto;padding:0 1.5rem;font-family:var(--font-body);color:var(--nb-ink);background:var(--nb-bg)}.tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border:2px solid var(--nb-black)}.tag-b3{background:var(--nb-black);color:#fcd34d}.tag-lv{background:#fffbeb}.tag-dr{background:#f0fdfa}.tag-sr{background:#f0ece3;color:var(--nb-muted)}.bagian-stamp-bar{display:flex;align-items:stretch;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:2rem}.bsb-left{background:var(--am);padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:var(--nb-border);flex-shrink:0}.bsb-chapter{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fffc}.bsb-num{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:#fff;line-height:1}.bsb-right{padding:1rem 1.4rem;flex:1;background:var(--nb-surface)}.bsb-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--nb-black);margin-bottom:3px}.bsb-desc{font-size:.78rem;color:var(--nb-muted);margin-bottom:.7rem}.bsb-pills{display:flex;flex-wrap:wrap;gap:6px}.bsb-pill{font-size:.7rem;padding:3px 10px;background:var(--nb-bg);border:2px solid #ddd;color:var(--nb-muted);font-weight:600}.bsb-pill.active{background:var(--am);color:#fff;border-color:var(--am)}.hero-amber{background:var(--am);color:#fff;border:var(--nb-border);box-shadow:var(--nb-shadow);padding:2rem;margin-bottom:2.5rem}.ha-eyebrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.hero-amber .tag-b3{background:#fff;color:var(--am-dark);border-color:#fff}.hero-amber .tag-lv,.hero-amber .tag-dr{background:#ffffff2e;color:#fff;border-color:#ffffff4d}.hero-amber .tag-sr{background:#00000038;color:#fffc;border-color:transparent}.ha-grid{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start;margin-bottom:1.5rem}.ha-spark{font-size:2.5rem;margin-bottom:.5rem}.ha-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:.95;letter-spacing:-.03em;color:#fff;margin:0 0 .2rem}.ha-sub{font-size:.9rem;color:#ffffffb3;font-style:italic}.ha-desc{font-size:.93rem;line-height:1.7;color:#ffffffe0;margin-bottom:1rem}.ha-tujuan{background:#0003;border:2px solid rgba(255,255,255,.25);padding:1rem 1.1rem}.ha-tj-lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:.5rem}.ha-tujuan ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.ha-tujuan li{font-size:.85rem;line-height:1.45;color:#ffffffe6}.ha-bar{background:#00000040;padding:.75rem 1rem;font-size:.87rem;color:#ffffffeb;font-weight:500}.modul-section{margin-bottom:3.5rem;scroll-margin-top:80px}.ms-label-am{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--am-dark);border-left:4px solid var(--am);padding-left:8px;margin-bottom:.4rem}.ms-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:700;line-height:1.2;margin:0 0 1rem;color:var(--nb-black)}.ms-para{font-size:.97rem;line-height:1.75;color:var(--nb-ink);margin-bottom:1.25rem;max-width:680px}.game-box{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;background:var(--am);color:#fff;border-bottom:var(--nb-border)}.gh-left{display:flex;align-items:center;gap:10px}.gh-icon{font-size:1.3rem}.gh-title{font-family:var(--font-display);font-size:.95rem;font-weight:800}.gh-right{display:flex;align-items:center;gap:10px}.gh-prog-track{width:120px;height:6px;background:#ffffff4d;border:1.5px solid rgba(255,255,255,.4)}.gh-prog-fill{height:100%;background:#fff;transition:width .4s ease}.gh-prog-label{font-size:.78rem;font-weight:700;color:#ffffffd9;white-space:nowrap}.scenario{padding:1.75rem;animation:scFade .3s ease}@keyframes scFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sc-context{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.sc-badge{font-size:.72rem;font-weight:700;padding:3px 10px;background:var(--am-light);border:2px solid var(--nb-black);color:var(--am-dark)}.sc-stem{font-size:1rem;line-height:1.65;font-weight:500;margin-bottom:1.25rem}.sc-opts{display:flex;flex-direction:column;gap:10px}.sc-opt{display:flex;align-items:flex-start;gap:12px;background:var(--nb-bg);border:2px solid var(--nb-black);padding:.8rem 1rem;cursor:pointer;font-family:var(--font-body);font-size:.9rem;text-align:left;box-shadow:var(--nb-shadow-sm);transition:background .12s,transform .1s,box-shadow .1s}.sc-opt:hover:not(:disabled){background:var(--am-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nb-black)}.sc-opt.sc-correct{background:#f0fdf4;border-color:var(--nb-green)}.sc-opt.sc-wrong{background:#fff1f2;border-color:#ef4444;opacity:.7}.sc-opt:disabled{cursor:default}.sc-key{font-family:var(--font-display);font-weight:800;font-size:.88rem;background:var(--am);color:#fff;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-opt.sc-correct .sc-key{background:var(--nb-green)}.sc-opt.sc-wrong .sc-key{background:#ef4444}.sc-feedback{margin-top:1rem;padding:.9rem 1rem;border:2px solid var(--nb-black);font-size:.88rem;line-height:1.6}.sc-feedback.fb-ok{background:#f0fdf4;border-color:var(--nb-green)}.sc-feedback.fb-no{background:#fff1f2;border-color:#ef4444}.game-result{padding:1.75rem;background:var(--am-light);border-top:var(--nb-border);animation:scFade .4s ease}.gr-score-area{display:flex;align-items:baseline;gap:8px;margin-bottom:.75rem}.gr-score-num{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--am-dark);line-height:1}.gr-score-denom{font-size:1rem;color:var(--nb-muted)}.gr-bar-wrap{margin-bottom:1rem}.gr-bar-track{height:10px;background:#e5e5e5;border:2px solid var(--nb-black)}.gr-bar-fill{height:100%;background:var(--am);transition:width .8s ease}.gr-verdict{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--nb-black);margin-bottom:.75rem}.gr-note{font-size:.88rem;line-height:1.65;background:#fff;border:2px solid var(--nb-black);padding:.9rem 1rem;margin-bottom:1rem;box-shadow:var(--nb-shadow-sm)}.gr-replay{background:var(--am);color:#fff;border:var(--nb-border);padding:.6rem 1.4rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:var(--nb-shadow-sm);transition:transform .1s}.gr-replay:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--nb-black)}.split-panel{display:grid;grid-template-columns:1fr 1.1fr;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.sp-dark{background:var(--nb-black);color:#fffbf3;padding:1.75rem;position:relative}.sp-bq{font-family:var(--font-display);font-size:5rem;font-weight:800;color:var(--am);position:absolute;top:.5rem;left:1rem;line-height:1}.sp-dark blockquote{font-family:var(--font-display);font-size:.95rem;font-style:italic;line-height:1.7;margin:2.5rem 0 .75rem;border:none;padding:0;color:#fffbf3}.sp-attr{font-size:.75rem;color:#888}.sp-light{padding:1.75rem;border-left:var(--nb-border);background:var(--nb-surface)}.sp-light p{font-size:.93rem;line-height:1.72;margin-bottom:.75rem}.sp-keys{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.sp-key{display:flex;align-items:center;gap:10px;font-size:.88rem}.spk-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.five-goals{display:flex;flex-direction:column;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.fg-item{display:flex;gap:0;border-bottom:2px solid var(--nb-black);background:var(--fg-bg, #fff);transition:filter .15s}.fg-item:last-child{border-bottom:none}.fg-item:hover{filter:brightness(.97)}.fg-num{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:#fff;background:var(--fg-c, #aaa);padding:1.1rem;min-width:58px;display:flex;align-items:flex-start;justify-content:center;flex-shrink:0}.fg-body{padding:1.1rem 1.25rem}.fg-title{font-family:var(--font-display);font-size:.97rem;font-weight:700;color:var(--nb-black);margin-bottom:5px}.fg-body p{font-size:.9rem;line-height:1.65;margin:0}.amber-frame{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin:2rem 0}.af-top-bar{display:flex;align-items:center;gap:1rem;padding:8px 14px;background:var(--am-dark);border-bottom:var(--nb-border)}.af-dots{display:flex;gap:5px}.af-dots span{width:10px;height:10px;border-radius:50%;background:var(--am-light);border:1.5px solid rgba(0,0,0,.2)}.af-title-bar{font-family:var(--font-display);font-size:.82rem;font-weight:800;letter-spacing:.08em;color:var(--am-light);flex:1;text-transform:uppercase}.af-ref{font-size:.68rem;color:#ffffff80}.af-body{position:relative}.af-img{width:100%;display:block;aspect-ratio:21/7;object-fit:cover}.af-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.2rem;background:linear-gradient(transparent,#000000bf)}.af-quote-box{max-width:560px;font-family:var(--font-display);font-size:clamp(.82rem,1.8vw,.97rem);font-style:italic;color:#fff;line-height:1.6}.af-quote-src{font-size:.72rem;color:var(--am-light);font-style:normal;margin-top:5px}.af-tags-bar{display:flex;gap:8px;flex-wrap:wrap;padding:8px 14px;background:var(--am);border-top:var(--nb-border)}.af-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 9px;background:#fff;border:2px solid var(--nb-black);color:var(--am-dark)}.strat-tabs{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.st-nav{display:flex;background:var(--nb-black);border-bottom:var(--nb-border);overflow-x:auto}.st-tab{background:transparent;border:none;border-right:2px solid #333;padding:.75rem 1.1rem;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:#888;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.st-tab:hover{background:#1a1a1a;color:var(--am-light)}.st-tab.active{background:var(--am);color:#fff}.st-tab:last-child{border-right:none}.st-panel{background:var(--nb-bg)}.stp-header{display:flex;align-items:center;gap:14px;padding:1.1rem 1.25rem;background:var(--am-light);border-bottom:var(--nb-border)}.stp-num{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;background:var(--am);min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--nb-black)}.stp-nama{font-family:var(--font-display);font-size:.97rem;font-weight:700;color:var(--nb-black)}.stp-sub{font-size:.75rem;color:var(--nb-muted);font-style:italic;margin-top:2px}.stp-body{padding:1.4rem}.stp-case{margin-bottom:1rem}.stp-case-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--am-dark);margin-bottom:.6rem;border-left:3px solid var(--am);padding-left:8px}.stp-case p{font-size:.9rem;line-height:1.7;margin-bottom:.6rem}.stp-elemen{background:var(--nb-surface);border:2px solid var(--nb-black);padding:1rem}.stp-el-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--nb-muted);margin-bottom:.75rem}.stp-el-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.stp-el{display:flex;align-items:center;gap:8px;font-size:.85rem;background:var(--am-light);border:2px solid var(--nb-black);padding:.5rem .75rem}.authentic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.ag-card{padding:1.25rem;border-right:2px solid var(--nb-black);border-bottom:2px solid var(--nb-black);background:var(--nb-surface);transition:background .15s}.ag-card:nth-child(2n){border-right:2px solid var(--nb-black)}.ag-card:hover{background:color-mix(in srgb,var(--ag) 10%,white)}.ag-icon{font-size:1.5rem;margin-bottom:.5rem}.ag-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--nb-black);margin-bottom:.5rem}.ag-card p{font-size:.86rem;line-height:1.6;margin:0}.template-steps{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.ts-item{display:flex;border-bottom:2px solid var(--nb-black);background:var(--nb-surface);transition:background .15s}.ts-item:last-child{border-bottom:none}.ts-item:hover{background:var(--am-light)}.ts-left{display:flex;flex-direction:column;align-items:center;padding:1.2rem .8rem;width:52px;background:#00000008;border-right:2px solid var(--nb-black);flex-shrink:0}.ts-num{font-family:var(--font-display);font-size:.97rem;font-weight:800;background:var(--am);color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.ts-line{flex:1;width:2px;background:#e5e5e5;margin-top:8px}.ts-item:last-child .ts-line{display:none}.ts-right{padding:1.2rem 1.4rem;flex:1}.ts-title{font-family:var(--font-display);font-size:.97rem;font-weight:700;color:var(--nb-black);margin-bottom:.5rem}.ts-desc{font-size:.88rem;line-height:1.65;margin-bottom:.6rem}.ts-example{font-size:.83rem;line-height:1.55;background:var(--am-light);border-left:3px solid var(--am);padding:.5rem .8rem}.tse-label{font-weight:700;color:var(--am-dark);margin-right:4px}.traps-list{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.trap-item{display:flex;gap:0;border-bottom:2px solid var(--nb-black);background:var(--nb-surface);transition:background .15s}.trap-item:last-child{border-bottom:none}.trap-item:hover{background:#fff7ed}.trap-num{font-size:1.1rem;padding:1.1rem 1rem;border-right:2px solid var(--nb-black);flex-shrink:0;display:flex;align-items:flex-start;background:#fff7ed}.trap-body{padding:1.1rem 1.25rem;flex:1}.trap-title{font-family:var(--font-display);font-size:.97rem;font-weight:700;color:var(--nb-black);margin-bottom:5px}.trap-body p{font-size:.9rem;line-height:1.65;margin-bottom:.6rem}.trap-fix{font-size:.85rem;line-height:1.55;background:var(--am-light);border-left:3px solid var(--am);padding:.5rem .8rem}.takeaway-list{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.tw-item{display:flex;border-bottom:2px solid var(--nb-black);background:var(--nb-surface);transition:background .15s}.tw-item:last-child{border-bottom:none}.tw-item:hover{background:var(--am-light)}.tw-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;background:var(--am);padding:1.1rem;min-width:56px;display:flex;align-items:flex-start;justify-content:center;flex-shrink:0}.tw-isi{padding:1.1rem 1.25rem;font-size:.93rem;line-height:1.65}.ref-grid{display:flex;flex-direction:column;gap:12px}.ref-card{display:flex;gap:14px;align-items:flex-start;border:2px solid var(--nb-black);padding:1rem;background:var(--nb-surface);box-shadow:var(--nb-shadow-sm)}.ref-cover{width:48px;height:60px;border:2px solid var(--nb-black);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.ref-judul{font-size:.88rem;font-weight:700;color:var(--nb-black);margin-bottom:3px;line-height:1.4}.ref-penulis{font-size:.8rem;color:var(--nb-muted);margin-bottom:3px}.ref-bab{font-size:.78rem;color:var(--nb-green);font-weight:600}.modul-footer{background:transparent}.fp-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--nb-muted);margin-bottom:.5rem}.fp-track{height:8px;background:#e5e5e5;border:2px solid var(--nb-black);margin-bottom:.5rem}.fp-fill-am{height:100%;background:var(--am)}.fp-detail{display:flex;justify-content:space-between;font-size:.8rem}.fp-done-am{color:var(--am-dark);font-weight:700}.fp-total{color:var(--nb-muted)}.footer-divider{height:2px;background:#e5e5e5;margin-bottom:1.5rem}.modul-nav{display:flex;gap:12px;align-items:stretch;margin-bottom:1.5rem}.nav-btn{display:flex;flex-direction:column;gap:4px;border:2px solid var(--nb-black);padding:1rem 1.25rem;background:var(--nb-surface);text-decoration:none;color:var(--nb-black);flex:1;max-width:300px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:var(--nb-shadow-sm)}.nav-btn:hover{background:var(--am-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--nb-black)}.nav-next{margin-left:auto;text-align:right}.nav-arah{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--nb-muted)}.nav-badge{display:inline-block;font-size:.7rem;font-weight:800;padding:2px 7px;border:1.5px solid var(--nb-black);align-self:flex-start}.nav-badge-am{background:var(--am);color:#fff}.nav-next .nav-badge{align-self:flex-end}.nav-nama{font-size:.86rem;font-weight:600;color:var(--nb-black);line-height:1.35}.footer-copy{text-align:center;font-size:.72rem;color:var(--nb-muted);padding-top:.75rem;border-top:1px solid #ddd}@media(max-width:700px){.bagian-stamp-bar{flex-direction:column}.bsb-left{flex-direction:row;gap:12px;border-right:none;border-bottom:var(--nb-border)}.ha-grid,.split-panel{grid-template-columns:1fr}.sp-light{border-left:none;border-top:var(--nb-border)}.five-goals .fg-item{flex-direction:column}.fg-num{width:100%;justify-content:flex-start}.authentic-grid{grid-template-columns:1fr}.modul-nav{flex-wrap:wrap}.nav-btn{max-width:100%}}