:root{--nb-bg: #F0FDFA;--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;--te: #2c85a6;--te-dark: #0576a0;--te-mid: #0891B2;--te-light: #45cdff;--te-pale: #F0FDFA;--nb-green: #16A34A;--nb-green-light: #F0FDF4;--nb-coral: #EF4444;--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:#99f6e4}.tag-lv{background:var(--te-pale)}.tag-dr{background:#e0f2fe}.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(--te);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:#ffffffbf}.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 #ccc;color:var(--nb-muted);font-weight:600}.bsb-pill.active{background:var(--te);color:#fff;border-color:var(--te)}.hero-teal{background:var(--te);color:#fff;border:var(--nb-border);box-shadow:var(--nb-shadow);padding:2rem;margin-bottom:2.5rem}.ht-eyebrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.hero-teal .tag-b3{background:#fff;color:var(--te-dark);border-color:#fff}.hero-teal .tag-lv,.hero-teal .tag-dr{background:#ffffff2e;color:#fff;border-color:#ffffff4d}.hero-teal .tag-sr{background:#00000038;color:#fffc;border-color:transparent}.ht-grid{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start;margin-bottom:1.5rem}.ht-spark{font-size:2.5rem;margin-bottom:.5rem}.ht-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}.ht-sub{font-size:.9rem;color:#ffffffb3;font-style:italic}.ht-desc{font-size:.93rem;line-height:1.7;color:#ffffffe0;margin-bottom:1rem}.ht-tujuan{background:#0003;border:2px solid rgba(255,255,255,.25);padding:1rem 1.1rem}.ht-tj-lbl{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:.5rem}.ht-tujuan ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.ht-tujuan li{font-size:.85rem;line-height:1.45;color:#ffffffe6}.ht-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-te{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--te-dark);border-left:4px solid var(--te);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-hdr{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;background:var(--te);color:#fff;border-bottom:var(--nb-border)}.ghd-l{display:flex;align-items:center;gap:10px}.ghd-icon{font-size:1.3rem}.ghd-title{font-family:var(--font-display);font-size:.95rem;font-weight:800}.ghd-r{display:flex;align-items:center;gap:10px}.ghd-prog-track{width:120px;height:6px;background:#ffffff4d;border:1.5px solid rgba(255,255,255,.4)}.ghd-prog-fill{height:100%;background:#fff;transition:width .4s ease}.ghd-lbl{font-size:.78rem;font-weight:700;color:#ffffffd9;white-space:nowrap}.sc{padding:1.75rem;animation:scAnim .3s ease}@keyframes scAnim{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sc-ctx{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.sc-badge{font-size:.72rem;font-weight:700;padding:3px 10px;background:var(--te-light);border:2px solid var(--nb-black);color:var(--te-dark)}.sc-badge.sc-profile{background:#e0f2fe;color:#0369a1}.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(--te-light);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nb-black)}.sc-opt.sc-cor{background:#f0fdf4;border-color:var(--nb-green)}.sc-opt.sc-wrg{background:#fff1f2;border-color:var(--nb-coral);opacity:.7}.sc-opt:disabled{cursor:default}.sc-key{font-family:var(--font-display);font-weight:800;font-size:.88rem;background:var(--te);color:#fff;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-opt.sc-cor .sc-key{background:var(--nb-green)}.sc-opt.sc-wrg .sc-key{background:var(--nb-coral)}.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:var(--nb-coral)}.game-result{padding:1.75rem;background:var(--te-light);border-top:var(--nb-border);animation:scAnim .4s ease}.gr-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(--te-dark);line-height:1}.gr-score-den{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(--te);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(--te);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)}.def-split{display:grid;grid-template-columns:1fr 1.1fr;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.def-dark{background:var(--nb-black);color:#fffbf3;padding:1.75rem;position:relative}.def-bq{font-family:var(--font-display);font-size:5rem;font-weight:800;color:var(--te);position:absolute;top:.5rem;left:1rem;line-height:1}.def-dark blockquote{font-family:var(--font-display);font-size:.93rem;font-style:italic;line-height:1.7;margin:2.5rem 0 .75rem;border:none;padding:0;color:#fffbf3}.def-attr{font-size:.72rem;color:#888}.def-light{padding:1.75rem;border-left:var(--nb-border);background:var(--nb-surface)}.def-light p{font-size:.93rem;line-height:1.72;margin-bottom:.75rem}.def-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:2px solid var(--nb-black);overflow:hidden;margin-top:1rem}.def-pillar{padding:.9rem .8rem;border-right:2px solid var(--nb-black);background:color-mix(in srgb,var(--dp) 10%,white)}.def-pillar:last-child{border-right:none}.dp-icon{font-size:1.3rem;margin-bottom:4px}.dp-nama{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--dp);margin-bottom:5px}.def-pillar p{font-size:.8rem;line-height:1.5;margin:0}.sternberg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:.75rem}.sg-header{display:flex;align-items:center;gap:10px;padding:.85rem 1rem;background:var(--te);color:#fff;border-right:2px solid var(--nb-black);border-bottom:var(--nb-border)}.sg-header:last-of-type{border-right:none}.sg-header{--sgh: var(--te);background:var(--sgh)}.sg-h-icon{font-size:1.2rem;flex-shrink:0}.sg-h-nama{font-family:var(--font-display);font-size:.88rem;font-weight:700}.sg-h-sub{font-size:.68rem;color:#ffffffbf;margin-top:2px}.sg-row-label{background:var(--nb-black);border-bottom:2px solid var(--nb-black);padding:.5rem 1rem;display:flex;align-items:center;gap:8px}.sg-mapel-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#99f6e4}.sg-cell{padding:1rem 1.1rem;border-right:2px solid var(--nb-black);border-bottom:2px solid var(--nb-black);background:var(--nb-surface);font-size:.86rem;line-height:1.6;vertical-align:top;transition:background .12s}.sg-cell:nth-child(3n){border-right:none}.sg-cell:hover{background:var(--te-light)}.sternberg-note{display:flex;gap:12px;align-items:flex-start;background:var(--te-light);border:var(--nb-border);padding:.9rem 1.1rem;font-size:.88rem;line-height:1.65;box-shadow:var(--nb-shadow-sm)}.sn-icon{font-size:1.2rem;flex-shrink:0}.teal-frame{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin:2rem 0}.tf-header{display:flex;align-items:center;gap:1rem;padding:8px 14px;background:var(--te-dark);border-bottom:var(--nb-border)}.tf-hlines{display:flex;flex-direction:column;gap:3px}.tf-hlines span{display:block;width:18px;height:2px;background:var(--te-light)}.tf-title{font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--te-light);flex:1;text-transform:uppercase}.tf-meta{font-size:.68rem;color:#ffffff73}.tf-body{display:grid;grid-template-columns:1.8fr 1fr}.tf-img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-right:var(--nb-border)}.tf-side-note{background:var(--nb-black);color:#fffbf3;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.tf-sn-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--te);margin-bottom:.4rem}.tf-sn-item p{font-size:.82rem;line-height:1.6;font-style:italic;margin:0}.tf-footer-bar{padding:8px 14px;background:var(--te);border-top:var(--nb-border);font-size:.72rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em}.ttt-demo{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:1rem}.ttt-header{padding:.9rem 1.25rem;background:var(--nb-black);border-bottom:var(--nb-border)}.ttt-h-label{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--te-light);margin-bottom:3px}.ttt-h-sub{font-size:.75rem;color:#888}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--nb-black)}.ttt-cell{background:var(--nb-surface);border:2px solid var(--nb-black);padding:1rem;cursor:pointer;transition:background .15s,transform .1s}.ttt-cell:hover{background:var(--te-light)}.ttt-cell.ttt-selected{background:var(--te);color:#fff}.ttt-cell.ttt-selected .ttt-type{color:#fffc}.ttt-free{background:color-mix(in srgb,var(--te) 8%,white)}.ttt-type{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--te-dark);margin-bottom:.5rem}.ttt-cell p{font-size:.82rem;line-height:1.5;margin:0}.ttt-instructions{padding:.75rem 1.25rem;background:var(--te-light);border-top:var(--nb-border);display:flex;align-items:center;gap:10px;font-size:.82rem}.ttt-ins-icon{font-size:1.1rem;flex-shrink:0}.ttt-sel-info{margin-left:auto;font-weight:700;color:var(--te-dark);background:#fff;border:2px solid var(--te);padding:2px 10px;font-size:.78rem}.ttt-design-tips{border:var(--nb-border);box-shadow:var(--nb-shadow-sm);overflow:hidden}.tdt-title{background:var(--te);color:#fff;padding:.7rem 1.1rem;font-size:.82rem;font-weight:700;border-bottom:var(--nb-border)}.tdt-grid{display:grid;grid-template-columns:1fr 1fr}.tdt-item{display:flex;align-items:flex-start;gap:8px;padding:.75rem 1rem;border-right:2px solid var(--nb-black);border-bottom:2px solid var(--nb-black);font-size:.86rem;line-height:1.5;background:var(--nb-surface)}.tdt-item:nth-child(2n){border-right:none}.tdt-item:nth-last-child(-n+2){border-bottom:none}.tdt-icon{font-size:.9rem;flex-shrink:0;margin-top:2px}.case-study-block{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.csb-header{display:flex;gap:14px;align-items:center;padding:1rem 1.25rem;background:var(--te);color:#fff;border-bottom:var(--nb-border)}.csb-icon{font-size:1.5rem}.csb-title{font-family:var(--font-display);font-size:.97rem;font-weight:700}.csb-sub{font-size:.72rem;color:#ffffffb3}.csb-body{padding:1.4rem;background:var(--nb-bg);display:flex;flex-direction:column;gap:0}.csb-section{padding:1rem 0;border-bottom:2px solid var(--te-light)}.csb-section:last-child{border-bottom:none}.csb-s-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--te-dark);margin-bottom:.5rem;border-left:3px solid var(--te);padding-left:8px}.csb-section p{font-size:.9rem;line-height:1.68;margin:0}.csb-insight{display:flex;gap:12px;align-items:flex-start;background:var(--te-light);border-top:var(--nb-border);padding:1rem 1.25rem;font-size:.88rem;line-height:1.65}.bg-guidance{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.bgg-card{padding:1.3rem 1.4rem;background:color-mix(in srgb,var(--bgc) 8%,white);border-right:var(--nb-border)}.bgg-card:last-child{border-right:none}.bgg-header{display:flex;gap:10px;align-items:center;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:2px solid var(--nb-black)}.bgg-icon{font-size:1.4rem}.bgg-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--nb-black)}.bgg-sub{font-size:.68rem;color:var(--nb-muted);font-style:italic}.bgg-do{margin-bottom:.75rem}.bgg-d-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--nb-muted);margin-bottom:.5rem}.bgg-do ul{padding-left:1.1rem;margin:0;display:flex;flex-direction:column;gap:.4rem}.bgg-do li{font-size:.86rem;line-height:1.5}.bgg-dont{font-size:.83rem;line-height:1.55;background:#ffc80026;border:2px solid var(--nb-black);padding:.5rem .8rem}.dd-table{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.dd-head{display:grid;grid-template-columns:1fr 1fr;background:var(--nb-black)}.dd-row{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--nb-black);transition:background .12s}.dd-row:hover{background:var(--te-light)}.dd-col-d,.dd-col-dn{padding:.9rem 1.1rem;font-size:.87rem;line-height:1.55}.dd-col-d{border-right:2px solid var(--nb-black)}.dd-head .dd-col-d,.dd-head .dd-col-dn{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:#fff;text-align:center}.dd-row .dd-col-d{background:#0d948812}.dd-row .dd-col-dn{background:#ef44440d}.checklist-box{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;background:var(--nb-surface);padding:1.5rem}.cl-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--te-dark);border-left:4px solid var(--te);padding-left:8px;margin:1.2rem 0 .75rem}.cl-section-title:first-child{margin-top:0}.cl-item{display:flex;align-items:flex-start;gap:10px;padding:.6rem 0;border-bottom:1px solid #e5e5e5;cursor:pointer;font-size:.9rem;line-height:1.55;transition:background .1s}.cl-item:last-of-type{border-bottom:none}.cl-item:hover{background:var(--te-light)}.cl-check{width:18px;height:18px;flex-shrink:0;accent-color:var(--te);cursor:pointer;margin-top:2px}.cl-progress-bar{height:8px;background:#e5e5e5;border:2px solid var(--nb-black);margin-top:1.25rem}.cl-pb-fill{height:100%;background:var(--te);transition:width .3s ease}.cl-progress-label{font-size:.78rem;font-weight:700;color:var(--te-dark);margin-top:.4rem;text-align:right}.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(--te-light)}.tw-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;background:var(--te);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(--te-dark);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-te{height:100%;background:var(--te)}.fp-detail{display:flex;justify-content:space-between;font-size:.8rem}.fp-done-te{color:var(--te-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;box-shadow:var(--nb-shadow-sm);transition:background .15s,transform .15s,box-shadow .15s}.nav-btn:hover{background:var(--te-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-te{background:var(--te);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)}.ht-grid,.def-split{grid-template-columns:1fr}.def-light{border-left:none;border-top:var(--nb-border)}.def-trio{grid-template-columns:1fr}.def-pillar{border-right:none;border-bottom:2px solid var(--nb-black)}.sternberg-grid{grid-template-columns:1fr}.sg-header{border-right:none;border-bottom:2px solid var(--nb-black)}.sg-cell{border-right:none}.tf-body{grid-template-columns:1fr}.tf-img{border-right:none;border-bottom:var(--nb-border)}.ttt-grid,.tdt-grid,.bg-guidance{grid-template-columns:1fr}.bgg-card{border-right:none;border-bottom:var(--nb-border)}.dd-head,.dd-row{grid-template-columns:1fr}.dd-col-d{border-right:none;border-bottom:2px solid var(--nb-black)}.modul-nav{flex-wrap:wrap}.nav-btn{max-width:100%}}