:root{--nb-bg: #fceaff;--nb-surface: #FFFFFF;--nb-black: #0D0D0D;--nb-ink: #1A1A1A;--nb-muted: #6B5B7E;--nb-border: 3px solid #0D0D0D;--nb-shadow: 5px 5px 0px #0D0D0D;--nb-shadow-sm: 3px 3px 0px #0D0D0D;--nb-lav: #7C3AED;--nb-lav-dark: #5B21B6;--nb-lav-light: #fceaff;--nb-lav-mid: #ede9fe;--nb-lav-pale: #f5f3ff;--nb-orchid: #c90097;--nb-orchid-light: #fce7f3;--nb-teal: #0D9488;--nb-teal-light: #F0FDFA;--nb-blue: #2563EB;--nb-amber: #D97706;--nb-amber-light: #FFFBEB;--nb-green: #16A34A;--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-b5{background:var(--nb-black);color:#e9d5ff}.tag-alpha{background:#ffffff2e;color:#fff;border-color:#ffffff59}.tag-dark-src{background:#00000038;color:#ffffffd1;border-color:#00000038}.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(--nb-lav);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:#e9d5ff}.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(--nb-lav);color:#fff;border-color:var(--nb-lav)}.hero-lavender{background:linear-gradient(135deg,#7c3aed,#a855f7,#c90097);color:#fff;border:var(--nb-border);box-shadow:var(--nb-shadow);padding:2rem;margin-bottom:2.5rem;position:relative;overflow:hidden}.hero-chips{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.hchip{font-size:1.2rem;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);padding:4px 10px;border-radius:0}.hero-grid{display:grid;grid-template-columns:1fr 260px;gap:2rem;align-items:center;margin-bottom:1.5rem}.hero-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:.9;letter-spacing:-.04em;color:#fff;margin:0 0 .3rem}.hero-title-glow{color:#fce7f3;text-shadow:0 0 30px rgba(255,150,220,.6)}.hero-sub{font-size:.95rem;color:#ffffffbf;font-style:italic;margin-bottom:.75rem}.hero-desc{font-size:.9rem;line-height:1.68;color:#ffffffd9}.hero-device-mockup{background:#00000040;border:3px solid rgba(255,255,255,.35);box-shadow:4px 4px #0000004d;overflow:hidden}.hdm-screen{background:#fff}.hdm-bar{background:#1a1a1a;display:flex;align-items:center;gap:6px;padding:6px 10px}.hdm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hdm-r{background:#ff5f57}.hdm-y{background:#febc2e}.hdm-g{background:#28c840}.hdm-url{font-size:.6rem;color:#888;margin-left:4px;font-family:monospace}.hdm-content{padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.hdm-post{font-size:.72rem;line-height:1.45;color:navy;padding:.4rem .6rem;background:#f9f9f9;border-left:3px solid}.hdm-p1{border-color:#7c3aed}.hdm-p2{border-color:#c90097}.hdm-p3{border-color:#0d9488}.hdm-p4{border-color:#d97706}.hdm-caption{font-size:.68rem;color:#ffffffb3;padding:.5rem .75rem;font-style:italic;text-align:center}.hero-tujuan-strip{background:#0003;border:2px solid rgba(255,255,255,.2);padding:.8rem 1rem;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.hts-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#e9d5ff;flex-shrink:0}.hts-pill{font-size:.75rem;padding:3px 10px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:#ffffffe6;font-weight:500}.modul-section{margin-bottom:3.5rem;scroll-margin-top:80px}.ms-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-left:4px solid;padding-left:8px;margin-bottom:.4rem}.ms-label-lav{color:var(--nb-lav);border-color:var(--nb-lav)}.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-container{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;background:var(--nb-surface)}.game-header{background:var(--nb-black);display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;flex-wrap:wrap;gap:.75rem}.game-title{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:#e9d5ff}.game-sub{font-size:.73rem;color:#888;margin-top:2px}.game-hdr-right{display:flex;gap:1rem}.game-score-wrap,.game-lives-wrap{text-align:center}.game-score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:#888}.game-score{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:#e9d5ff}.game-lives{font-size:1rem;margin-top:2px}.game-progress-wrap{height:6px;background:#333}.game-progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#c90097);transition:width .4s ease}.game-body{padding:1.4rem}.game-question-card{background:var(--nb-lav-pale);border:2px solid var(--nb-lav);padding:1.1rem 1.25rem;margin-bottom:1.1rem}.gq-scenario-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--nb-lav);margin-bottom:.4rem}.gq-scenario{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.45;color:var(--nb-black);margin-bottom:.6rem}.gq-ask{font-size:.85rem;color:var(--nb-muted);font-style:italic}.game-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.game-opt-btn{padding:.75rem .9rem;border:2px solid var(--nb-black);background:#fff;cursor:pointer;font-family:var(--font-body);font-size:.87rem;font-weight:600;text-align:left;line-height:1.4;transition:background .15s,transform .1s;box-shadow:var(--nb-shadow-sm)}.game-opt-btn:hover{background:var(--nb-lav-pale);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nb-black)}.game-opt-btn.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.game-opt-btn.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.game-opt-btn:disabled{cursor:default}.game-feedback{padding:.85rem 1rem;border-top:2px solid var(--nb-black);border-bottom:2px solid var(--nb-black);font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.game-feedback.gf-correct{background:#dcfce7}.game-feedback.gf-wrong{background:#fee2e2}.game-next-wrap{display:flex;justify-content:flex-end}.game-next-btn{font-family:var(--font-display);font-size:.88rem;font-weight:700;padding:.6rem 1.4rem;background:var(--nb-lav);color:#fff;border:2px solid var(--nb-black);cursor:pointer;box-shadow:var(--nb-shadow-sm);transition:background .15s}.game-next-btn:hover{background:var(--nb-lav-dark)}.game-over{padding:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.go-emoji{font-size:3rem}.go-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800}.go-score{font-size:1rem;font-weight:600}.go-feedback{font-size:.9rem;line-height:1.65;max-width:520px;color:var(--nb-muted)}.go-restart{font-family:var(--font-display);font-weight:700;padding:.7rem 1.6rem;background:var(--nb-lav);color:#fff;border:2px solid var(--nb-black);cursor:pointer;box-shadow:var(--nb-shadow-sm);font-size:.92rem}.go-restart:hover{background:var(--nb-lav-dark)}.mega-quote{display:flex;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:1.5rem}.mq-stripe{width:8px;background:linear-gradient(180deg,#7c3aed,#c90097);flex-shrink:0}.mq-body{padding:1.5rem;background:var(--nb-black);flex:1;position:relative}.mq-mark{font-family:var(--font-display);font-size:5rem;font-weight:800;color:#a855f7;position:absolute;top:.25rem;left:.75rem;line-height:1}.mq-body blockquote{font-family:var(--font-display);font-size:.97rem;font-style:italic;line-height:1.7;margin:2.5rem 0 .75rem;border:none;padding:0;color:#f5f3ff}.mq-attr{font-size:.73rem;color:#888}.natural-di-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:1.5rem}.ndg-item{padding:1.25rem 1rem;border-right:2px solid var(--nb-black);background:var(--nb-surface);transition:background .15s;display:flex;flex-direction:column;gap:.4rem}.ndg-item:last-child{border-right:none}.ndg-item:hover{background:var(--nb-lav-pale)}.ndg-icon{font-size:1.6rem}.ndg-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--nc,var(--nb-lav))}.ndg-desc{font-size:.8rem;line-height:1.55;color:var(--nb-ink)}.compare-strip{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.cs-header{background:var(--nb-black);display:flex;align-items:center;gap:.7rem;padding:.75rem 1.1rem}.cs-icon{font-size:1.1rem}.cs-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#e9d5ff}.cs-body{display:grid;grid-template-columns:1fr auto 1fr;background:var(--nb-surface)}.cs-col{padding:1.1rem}.cs-traditional{border-right:2px solid #eee;background:#f9f9f9}.cs-digital{background:var(--nb-lav-pale)}.csc-label{font-family:var(--font-display);font-size:.78rem;font-weight:800;padding:4px 10px;margin-bottom:.6rem;display:inline-block;background:#e5e7eb;color:var(--nb-black)}.csc-items{display:flex;flex-direction:column;gap:.4rem}.csi{font-size:.82rem;line-height:1.5;padding:.3rem .4rem;background:#fff;border-left:3px solid #ddd}.cs-digital .csi{border-color:var(--nb-lav);background:#faf5ff}.cs-arrow{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--nb-lav);padding:0 .6rem;background:var(--nb-lav-pale);border-left:2px solid #eee;border-right:2px solid #eee}.toolkit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:0}.tk-card{border:none;border-right:2px solid var(--nb-black);background:var(--nb-surface);padding:1rem .75rem;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:background .15s}.tk-card:last-child{border-right:none}.tk-card:hover{background:var(--nb-lav-pale)}.tk-card.tk-active{background:var(--nb-lav)}.tkc-icon{font-size:1.5rem}.tkc-name{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--nb-black)}.tk-card.tk-active .tkc-name{color:#fff}.tkc-tag{font-size:.62rem;font-weight:800;color:#fff;padding:2px 7px;margin-top:2px}.toolkit-detail{border:var(--nb-border);border-top:none;background:var(--nb-surface);min-height:200px;margin-bottom:1.5rem}.tkd-inner{padding:1.4rem}.tkd-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--nb-black)}.tkd-icon{font-size:1.6rem}.tkd-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800}.tkd-tag{font-size:.72rem;font-weight:700;color:#fff;padding:3px 10px}.tkd-cols{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.tkdc-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 8px;margin-bottom:.4rem;display:block}.tkdc-items{display:flex;flex-direction:column;gap:.3rem}.tkdc-item{font-size:.83rem;line-height:1.5;padding:.35rem .6rem;background:#f9f9f9;border-left:3px solid}.tkd-example{background:var(--nb-lav-pale);border-left:4px solid var(--nb-lav);padding:.75rem 1rem;font-size:.87rem;line-height:1.6}.tkd-example-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--nb-lav);margin-bottom:.3rem}.cases-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.case-card{border-right:2px solid var(--nb-black);position:relative}.case-card:last-child{border-right:none}.case-front{padding:1.5rem 1.1rem;cursor:pointer;transition:background .15s;min-height:220px;display:flex;flex-direction:column;gap:.5rem;background:var(--nb-surface)}.case-front:hover{background:var(--nb-lav-pale)}.cf-subject{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--nb-lav)}.cf-teacher{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--nb-black)}.cf-tool-badge{font-size:.8rem;font-weight:600;background:var(--nb-lav-mid);padding:6px 10px;color:var(--nb-lav-dark);border:2px solid var(--nb-lav);margin-top:auto}.cf-hint{font-size:.72rem;color:var(--nb-muted);font-style:italic;margin-top:.5rem}.case-back{padding:1.25rem;background:var(--nb-black);color:#f5f3ff;display:flex;flex-direction:column;gap:.6rem}.cb-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#a855f7}.cb-title{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:#fff;padding-bottom:.5rem;border-bottom:2px solid #333}.cb-context,.cb-how,.cb-di,.cb-result{font-size:.8rem;line-height:1.55}.cb-result{background:#7c3aed4d;padding:.5rem .75rem;border-left:3px solid #a855f7}.cb-close{font-family:var(--font-body);font-size:.75rem;font-weight:700;padding:.4rem .85rem;background:var(--nb-lav);color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;align-self:flex-start;margin-top:.25rem}.cb-close:hover{background:var(--nb-lav-dark)}.aplikasi-timeline{display:flex;flex-direction:column;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.atl-item{display:flex;align-items:stretch;border-bottom:2px solid var(--nb-black)}.atl-item:last-child{border-bottom:none}.atl-node{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:#fff;min-width:48px;display:flex;align-items:flex-start;justify-content:center;padding:.9rem .5rem;flex-shrink:0;border-right:2px solid var(--nb-black)}.atl-card{flex:1}.atl-trigger{width:100%;display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;border:none;background:var(--nb-surface);cursor:pointer;text-align:left;transition:background .15s}.atl-trigger:hover{background:var(--nb-lav-pale)}.atl-trigger[aria-expanded=true]{background:var(--nb-lav-mid)}.atl-t-left{flex:1}.atl-badge{font-size:.7rem;font-weight:800;color:#fff;padding:2px 8px;display:inline-block;margin-bottom:.3rem}.atl-nama{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--nb-black)}.atl-sub{font-size:.73rem;color:var(--nb-muted)}.atl-chevron{font-size:1.3rem;font-weight:700;color:var(--nb-lav);transition:transform .2s;flex-shrink:0}.atl-trigger[aria-expanded=true] .atl-chevron{transform:rotate(45deg)}.atl-body{padding:1rem 1.25rem 1.25rem;background:#fafafa;border-top:2px solid var(--nb-black)}.atl-isi p{font-size:.9rem;line-height:1.68;margin-bottom:.75rem}.atl-checklist{background:var(--nb-lav-pale);border-left:4px solid var(--nb-lav);padding:.75rem 1rem;margin-bottom:.75rem}.atl-check-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--nb-lav);margin-bottom:.4rem}.atl-check-item{font-size:.85rem;line-height:1.5;padding:.2rem 0 .2rem .9rem;position:relative}.atl-check-item:before{content:"✓";position:absolute;left:0;color:var(--nb-lav);font-weight:700}.atl-tip{background:var(--nb-amber-light);border-left:4px solid var(--nb-amber);padding:.65rem .9rem;font-size:.85rem;line-height:1.6}.atl-mapel-grid{border:2px solid var(--nb-black);overflow:hidden;margin-bottom:.75rem}.amg-header{background:var(--nb-black);color:#e9d5ff;font-size:.7rem;font-weight:800;padding:.4rem .75rem}.amg-row{display:flex;border-top:2px solid var(--nb-black)}.amg-mapel{font-size:.72rem;font-weight:800;color:#fff;background:var(--nb-lav);padding:.5rem .7rem;min-width:80px;flex-shrink:0;display:flex;align-items:flex-start}.amg-prompt{font-size:.82rem;line-height:1.5;padding:.5rem .8rem;border-left:2px solid var(--nb-black)}.atl-warning{background:#fef3c7;border-left:4px solid #D97706;padding:.65rem .9rem;font-size:.85rem;line-height:1.6}.wiki-roles-visual{border:2px solid var(--nb-black);overflow:hidden;margin-bottom:.75rem}.wrv-title{background:var(--nb-black);color:#e9d5ff;font-size:.72rem;font-weight:800;padding:.4rem .75rem}.wrv-roles{display:grid;grid-template-columns:repeat(4,1fr)}.wrv-role{padding:.85rem .75rem;border-right:2px solid var(--nb-black);background:var(--nb-surface);text-align:center;display:flex;flex-direction:column;gap:.35rem}.wrv-role:last-child{border-right:none}.wrr-icon{font-size:1.4rem}.wrr-nama{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--rc)}.wrr-tugas{font-size:.72rem;line-height:1.45;color:var(--nb-muted)}.social-use-cards{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.suc-card{border:2px solid var(--nb-black);overflow:hidden}.suc-platform{background:var(--nb-lav);color:#fff;font-size:.78rem;font-weight:800;padding:.4rem .75rem}.suc-uses{padding:.6rem;display:flex;flex-direction:column;gap:.3rem}.suc-use{font-size:.8rem;line-height:1.45;padding:.25rem .4rem;background:#fafafa;border-left:3px solid var(--nb-lav)}.jebakan-list{display:flex;flex-direction:column;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.jbk-item{display:flex;gap:0;border-bottom:2px solid var(--nb-black);transition:background .15s}.jbk-item:last-child{border-bottom:none}.jbk-item:hover{background:var(--nb-lav-pale)}.jbk-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;background:var(--jc,var(--nb-lav));padding:1rem;min-width:52px;display:flex;align-items:flex-start;justify-content:center;border-right:2px solid var(--nb-black);flex-shrink:0}.jbk-body{padding:1rem 1.2rem}.jbk-masalah{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--nb-black);margin-bottom:.3rem}.jbk-desc{font-size:.87rem;line-height:1.62;margin-bottom:.5rem;color:var(--nb-muted)}.jbk-solusi{font-size:.87rem;line-height:1.62;background:var(--nb-lav-pale);padding:.5rem .75rem;border-left:3px solid var(--nb-lav)}.checklist-lav{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.cll-header{background:linear-gradient(135deg,#7c3aed,#a855f7,#c90097);padding:.9rem 1.2rem}.cll-title{font-family:var(--font-display);font-size:.93rem;font-weight:800;color:#fff;display:block;margin-bottom:3px}.cll-sub{font-size:.78rem;color:#ffffffbf}.cll-categories{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:1rem;background:var(--nb-surface)}.cllc-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem;display:block}.cll-item{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;margin-bottom:.4rem}.cll-check{margin-top:2px;accent-color:var(--nb-lav);width:16px;height:16px;flex-shrink:0;cursor:pointer}.cll-item span{font-size:.87rem;line-height:1.55}.cll-result{padding:.75rem 1.2rem;background:var(--nb-lav-pale);border-top:2px solid var(--nb-black);display:flex;align-items:center;gap:1rem}.cllr-wrap{flex:1;height:10px;background:#e5e7eb;border:2px solid var(--nb-black)}.cllr-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#c90097);transition:width .3s;width:0%}.cllr-text{font-size:.78rem;font-weight:700;color:var(--nb-lav);flex-shrink:0}.cll-feedback{padding:.9rem 1.2rem;background:#fff;border-top:2px solid var(--nb-black);font-size:.88rem;line-height:1.6;min-height:48px}.takeaway-lav{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.tw-lav-item{display:flex;gap:0;border-bottom:2px solid var(--nb-black)}.tw-lav-item:last-child{border-bottom:none}.twl-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#7c3aed,#c90097);padding:1rem;min-width:56px;display:flex;align-items:flex-start;justify-content:center;border-right:2px solid var(--nb-black);flex-shrink:0}.twl-isi{padding:1rem 1.2rem;font-size:.9rem;line-height:1.65}.ref-lav{display:flex;flex-direction:column;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.rl-card{display:flex;gap:0;border-bottom:2px solid var(--nb-black)}.rl-card:last-child{border-bottom:none}.rl-cover{font-size:1.8rem;padding:1.25rem;min-width:60px;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--nb-black);flex-shrink:0}.rl-info{padding:1rem 1.2rem}.rl-judul{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--nb-black);margin-bottom:3px}.rl-penulis{font-size:.78rem;color:var(--nb-muted);margin-bottom:4px}.rl-bab{font-size:.78rem;color:var(--nb-lav);font-weight:600}.footer-inner{display:flex;flex-direction:column;gap:1rem}.fp-label-lav{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--nb-lav)}.fp-track{height:8px;background:#e5e7eb;border:2px solid var(--nb-black);margin:.4rem 0}.fp-fill-lav{height:100%;background:linear-gradient(90deg,#7c3aed,#c90097)}.fp-det{display:flex;justify-content:space-between;font-size:.75rem}.modul-nav-lav{display:flex;justify-content:space-between;gap:1rem}.nav-lav{display:flex;flex-direction:column;gap:3px;padding:.85rem 1.1rem;border:var(--nb-border);text-decoration:none;color:var(--nb-black);background:var(--nb-surface);transition:background .15s;box-shadow:var(--nb-shadow-sm);max-width:48%}.nav-lav:hover{background:var(--nb-lav-pale)}.nav-next-lav:hover{background:var(--nb-lav-light);color:#000}.nav-arah-lav{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--nb-lav)}.nav-badge-lav{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--nb-lav)}.nav-nama-lav{font-size:.83rem;line-height:1.4}.nav-prev-lav{text-align:left}.nav-next-lav{text-align:right}@media(max-width:640px){.hero-grid{grid-template-columns:1fr}.hero-right{display:none}.natural-di-grid{grid-template-columns:1fr 1fr}.ndg-item:nth-child(2){border-right:none}.cases-row{grid-template-columns:1fr}.case-card{border-right:none;border-bottom:2px solid var(--nb-black)}.cs-body{grid-template-columns:1fr}.cs-arrow{padding:.5rem;border:none;border-top:2px solid #eee;border-bottom:2px solid #eee;width:100%;justify-content:center}.toolkit-grid{grid-template-columns:repeat(3,1fr)}.tk-card:nth-child(3){border-right:none}.game-options,.tkd-cols{grid-template-columns:1fr}.wrv-roles{grid-template-columns:1fr 1fr}.wrv-role:nth-child(2){border-right:none}.social-use-cards{grid-template-columns:1fr}}