:root{--nb-bg: #FDF4F7;--nb-surface:#FFFFFF;--nb-black: #0D0D0D;--nb-ink: #1A1A1A;--nb-muted: #5C5C5C;--nb-border: 3px solid #0D0D0D;--nb-shadow: 5px 5px 0px #0D0D0D;--nb-ss: 3px 3px 0px #0D0D0D;--pk: #ff3070;--pk-dark: #cc0050;--pk-light: #fff0f5;--pk-pale: #fdf4f7;--dk: #1A0827;--dk-mid: #2D1040;--dk-light: #f5f0ff;--ye: #FFEA00;--ye-dark: #B8A800;--tq: #00C9A7;--nb-green: #16A34A;--nb-green-light:#F0FDF4;--nb-coral: #EF4444;--font-display:"Syne",Georgia,serif;--font-body: "DM Sans",system-ui,sans-serif}.m-wrap{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(--pk);color:#fff;border-color:var(--pk)}.tag-lv{background:var(--pk-light)}.tag-dr{background:#fff7e0}.stamp-bar{display:flex;align-items:stretch;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:2rem}.sb-l{background:var(--dk);padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:var(--nb-border);flex-shrink:0}.sb-ch{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pk)}.sb-n{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:#fff;line-height:1}.sb-r{padding:1rem 1.4rem;flex:1;background:var(--nb-surface)}.sb-t{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--nb-black);margin-bottom:3px}.sb-d{font-size:.78rem;color:var(--nb-muted);margin-bottom:.7rem}.sb-pills{display:flex;flex-wrap:wrap;gap:6px}.sb-pill{font-size:.7rem;padding:3px 10px;background:var(--nb-bg);border:2px solid #ccc;color:var(--nb-muted);font-weight:600}.sb-on{background:var(--pk);color:#fff;border-color:var(--pk)}.hero-wrap{display:grid;grid-template-columns:1.1fr 1fr;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:2.5rem}.hero-dark{background:var(--dk);color:#fff;padding:2rem}.hd-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.hd-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hd-issue{font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--pk)}.hd-src{font-size:.68rem;color:#ffffff73}.hd-title{font-family:var(--font-display);margin:0 0 1rem;display:flex;flex-direction:column;gap:0;line-height:.95}.hd-t1{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:800;color:#ffffff80;letter-spacing:-.02em}.hd-t2{font-size:clamp(2.5rem,6vw,4.2rem);font-weight:800;color:#fff;letter-spacing:-.03em}.hd-t3{font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:800;color:var(--pk);letter-spacing:-.02em;font-style:italic}.hd-deck{font-size:.87rem;line-height:1.68;color:#ffffffbf}.hero-pink{background:var(--pk);color:#fff;padding:2rem;border-left:var(--nb-border);display:flex;flex-direction:column;gap:1rem}.hp-label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.hp-goals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.hp-goals li{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;line-height:1.45;color:#ffffffe6}.hpg-n{font-family:var(--font-display);font-size:.75rem;font-weight:800;background:#0003;color:var(--ye);padding:1px 7px;flex-shrink:0}.hp-pullquote{background:#0003;border-left:4px solid var(--ye);padding:.75rem 1rem;font-size:.85rem;font-style:italic;line-height:1.6}.hp-pq-src{font-size:.7rem;font-style:normal;color:#ffffff8c;margin-top:4px}.sec{margin-bottom:3.5rem;scroll-margin-top:80px}.sec-tape{display:inline-flex;align-items:center;background:var(--ye);border:2px solid var(--nb-black);padding:3px 14px;margin-bottom:.5rem;transform:rotate(-.5deg);box-shadow:2px 2px 0 var(--nb-black)}.tape-txt{font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--nb-black)}.sec-heading{margin-bottom:1.5rem}.stitle{font-family:var(--font-display);font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:700;line-height:1.2;margin:0 0 .75rem;color:var(--nb-black)}.spara{font-size:.97rem;line-height:1.75;color:var(--nb-ink);max-width:680px}.gbox{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.g-ribbon{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;background:var(--dk);color:#fff;border-bottom:var(--nb-border)}.gr-l{display:flex;align-items:center;gap:10px;font-size:1.1rem}.gr-t{font-family:var(--font-display);font-size:.95rem;font-weight:800}.gr-r{display:flex;align-items:center;gap:10px}.gr-prog{width:120px;height:6px;background:#fff3;border:1.5px solid rgba(255,255,255,.3)}.gr-fill{height:100%;background:var(--pk);transition:width .4s ease}.gr-lbl{font-size:.78rem;font-weight:700;color:#fffc;white-space:nowrap}.gs{padding:1.75rem;animation:gfx .3s ease}@keyframes gfx{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.gs-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.gs-b{font-size:.72rem;font-weight:700;padding:3px 10px;border:2px solid var(--nb-black)}.gs-b-mapel{background:var(--pk-light);color:var(--pk-dark)}.gs-b-focus{background:#fff7e0;color:#7a5500}.gs-card{background:var(--dk-light);border:2px solid var(--dk);padding:1rem 1.1rem;margin-bottom:1rem}.gs-card-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--dk-mid);margin-bottom:.4rem}.gs-card p{font-size:.9rem;line-height:1.65;margin:0}.gs-stem{font-size:.97rem;line-height:1.65;font-weight:500;margin-bottom:1.1rem}.gs-opts{display:flex;flex-direction:column;gap:10px}.gs-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-ss);transition:background .12s,transform .1s}.gs-opt:hover:not(:disabled){background:var(--pk-light);transform:translate(-1px,-1px)}.gs-opt.g-cor{background:var(--nb-green-light);border-color:var(--nb-green)}.gs-opt.g-wrg{background:#fff1f2;border-color:var(--nb-coral);opacity:.7}.gs-opt:disabled{cursor:default}.gs-key{font-family:var(--font-display);font-weight:800;font-size:.88rem;background:var(--pk);color:#fff;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gs-opt.g-cor .gs-key{background:var(--nb-green)}.gs-opt.g-wrg .gs-key{background:var(--nb-coral)}.gs-fb{margin-top:1rem;padding:.9rem 1rem;border:2px solid var(--nb-black);font-size:.88rem;line-height:1.6}.gs-fb.fb-ok{background:var(--nb-green-light);border-color:var(--nb-green)}.gs-fb.fb-no{background:#fff1f2;border-color:var(--nb-coral)}.g-result{padding:1.75rem;background:var(--dk);border-top:var(--nb-border);animation:gfx .4s ease}.gr-result-inner{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.grr-score{display:flex;align-items:baseline;gap:4px}.grrs-num{font-family:var(--font-display);font-size:4rem;font-weight:800;color:var(--ye);line-height:1}.grrs-den{font-size:1.5rem;font-weight:800;color:#fff6}.grr-right{flex:1}.grr-bar-wrap{margin-bottom:.5rem}.grr-bar-t{height:10px;background:#ffffff26;border:2px solid rgba(255,255,255,.2)}.grr-bar-f{height:100%;background:var(--pk);transition:width .8s ease}.grr-verdict{font-family:var(--font-display);font-size:1rem;font-weight:700;color:#fff}.gr-note{font-size:.88rem;line-height:1.65;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);padding:.9rem 1rem;margin-bottom:1rem;color:#ffffffe0}.gr-rp{background:var(--pk);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-ss);transition:transform .1s}.gr-rp:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--nb-black)}.trio-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.tc-item{border-right:2px solid var(--nb-black)}.tc-item:last-child{border-right:none}.tc-header{display:flex;align-items:center;gap:10px;padding:1rem;background:var(--tcc);border-bottom:2px solid var(--nb-black)}.tc-icon{font-size:1.4rem}.tc-nama{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--tcc,white);filter:invert(1) grayscale(1) contrast(100)}.tc-body{padding:1.1rem;background:var(--nb-surface)}.tc-body p{font-size:.87rem;line-height:1.65;margin-bottom:.75rem}.tc-fact{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;font-weight:600;color:var(--nb-muted);background:var(--nb-bg);padding:.4rem .7rem;border:1.5px solid var(--nb-black)}.tc-f-icon{flex-shrink:0}.station-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:1rem}.sg-tile{padding:1.1rem;border-right:2px solid var(--nb-black);border-bottom:2px solid var(--nb-black);background:color-mix(in srgb,var(--sgtl) 60%,white);transition:background .15s}.sg-tile:hover{background:var(--sgtl)}.sgt-header{display:flex;align-items:center;gap:8px;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:3px solid var(--sgtc)}.sgt-icon{font-size:1.3rem}.sgt-nama{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--nb-black)}.sg-tile p{font-size:.82rem;line-height:1.55;margin-bottom:.5rem}.sgt-eg{font-size:.75rem;color:var(--nb-muted);font-style:italic;background:#ffffffb3;border-left:2px solid var(--sgtc);padding:.35rem .65rem}.investigation-box{background:var(--ye);border:var(--nb-border);box-shadow:var(--nb-ss);padding:1rem 1.25rem}.ib-label{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--nb-black);margin-bottom:.5rem}.investigation-box p{font-size:.88rem;line-height:1.6;margin:0}.apply-zigzag{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.az-item{display:flex;align-items:stretch;border-bottom:2px solid var(--nb-black)}.az-item:last-child{border-bottom:none}.az-left{flex-direction:row}.az-right{flex-direction:row-reverse}.az-num-wrap{background:var(--pk);display:flex;align-items:flex-start;justify-content:center;padding:1.2rem .8rem;width:52px;border-right:2px solid var(--nb-black);flex-shrink:0}.az-right .az-num-wrap{border-right:none;border-left:2px solid var(--nb-black)}.az-num{font-family:var(--font-display);font-size:.97rem;font-weight:800;color:var(--ye);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0003}.az-content{padding:1.2rem 1.4rem;flex:1;background:var(--nb-surface);transition:background .15s}.az-item:hover .az-content{background:var(--pk-pale)}.az-right .az-content{background:var(--dk-light)}.az-right:hover .az-content{background:#ede8ff}.az-title{font-family:var(--font-display);font-size:.97rem;font-weight:700;color:var(--nb-black);margin-bottom:.5rem}.az-content p{font-size:.88rem;line-height:1.65;margin-bottom:.6rem}.az-tip{font-size:.82rem;line-height:1.55;background:#ffea004d;border-left:3px solid var(--ye-dark);padding:.5rem .8rem}.az-highlight{font-size:.85rem;line-height:1.6;background:#ff30701f;border:2px solid var(--pk);padding:.6rem .9rem;font-weight:600}.polaroid-layout{display:grid;grid-template-columns:1.4fr 1fr;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin:2rem 0}.pl-main{border-right:var(--nb-border)}.pl-img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.pl-caption{font-size:.72rem;color:var(--nb-muted);padding:.4rem .75rem;background:#f8f8f8;border-top:1px solid #e5e5e5;font-style:italic}.pl-side{background:var(--dk);padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.pl-stat{display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:.5rem}.pls-n{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--pk);line-height:1;min-width:50px}.pls-l{font-size:.78rem;color:#ffffffb3;line-height:1.4;margin-left:30px}.pl-quote{font-size:.82rem;font-style:italic;color:#fffc;border-left:3px solid var(--pk);padding-left:10px;line-height:1.6}.pl-quote-src{font-size:.7rem;color:#ffffff73;font-style:normal;margin-top:4px}.cases-mag{display:flex;flex-direction:column;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.cm-card{border-bottom:2px solid var(--nb-black)}.cm-card:last-child{border-bottom:none}.cmc-stripe{height:6px;background:var(--cmc)}.cmc-inner{padding:1.4rem;background:var(--nb-surface)}.cmc-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0ece3}.cmc-teacher{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--cmc);margin-bottom:2px}.cmc-context{font-size:.8rem;color:var(--nb-muted);font-style:italic;margin-bottom:.35rem}.cmc-principle{font-size:.78rem;font-weight:700;color:var(--nb-black);background:var(--nb-bg);padding:3px 10px;border:1.5px solid var(--nb-black);display:inline-block}.cmc-inner p{font-size:.9rem;line-height:1.68;margin-bottom:.6rem}.cmc-lesson{font-size:.87rem;line-height:1.6;background:#ffea0033;border:2px solid var(--nb-black);padding:.75rem 1rem}.tips-donts-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.tds-do,.tds-dont{padding:0}.tds-do{border-right:var(--nb-border)}.tds-header{font-family:var(--font-display);font-size:.88rem;font-weight:800;padding:.8rem 1.1rem;border-bottom:2px solid var(--nb-black)}.tds-do .tds-header{background:var(--nb-green-light);color:var(--nb-black)}.tds-dont .tds-header{background:#fff1f2;color:var(--nb-black)}.tds-items{padding:.75rem;display:flex;flex-direction:column;gap:0}.tdi{display:flex;gap:10px;align-items:flex-start;padding:.75rem .5rem;border-bottom:1px solid #f0ece3}.tdi:last-child{border-bottom:none}.tdi-icon{font-size:1.1rem;flex-shrink:0}.tdi strong{font-size:.85rem;font-weight:700;color:var(--nb-black);display:block;margin-bottom:3px}.tdi p{font-size:.8rem;line-height:1.5;margin:0;color:var(--nb-muted)}.tw-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(--pk-light)}.tw-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--ye);background:var(--dk);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-ss)}.ref-cov{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-j{font-size:.88rem;font-weight:700;color:var(--nb-black);margin-bottom:3px;line-height:1.4}.ref-p{font-size:.8rem;color:var(--nb-muted);margin-bottom:3px}.ref-b{font-size:.78rem;color:var(--pk-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-pk{height:100%;background:var(--pk)}.fp-detail{display:flex;justify-content:space-between;font-size:.8rem}.fp-done-pk{color:var(--pk-dark);font-weight:700}.fp-total{color:var(--nb-muted)}.footer-divider{height:2px;background:#e5e5e5}.modul-nav{display:flex;gap:12px;align-items:stretch}.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-ss);transition:background .15s,transform .15s,box-shadow .15s}.nav-btn:hover{background:var(--pk-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-pk{background:var(--pk);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){.stamp-bar{flex-direction:column}.sb-l{flex-direction:row;gap:12px;border-right:none;border-bottom:var(--nb-border)}.hero-wrap{grid-template-columns:1fr}.hero-pink{border-left:none;border-top:var(--nb-border)}.trio-compare{grid-template-columns:1fr}.tc-item{border-right:none;border-bottom:2px solid var(--nb-black)}.tc-item:last-child{border-bottom:none}.station-gallery{grid-template-columns:1fr}.az-left,.az-right{flex-direction:column}.az-num-wrap{width:100%;flex-direction:row;border-right:none;border-bottom:2px solid var(--nb-black);padding:.7rem 1rem}.az-right .az-num-wrap{border-left:none;border-bottom:2px solid var(--nb-black)}.polaroid-layout{grid-template-columns:1fr}.pl-main{border-right:none;border-bottom:var(--nb-border)}.tips-donts-split{grid-template-columns:1fr}.tds-do{border-right:none;border-bottom:var(--nb-border)}.modul-nav{flex-wrap:wrap}.nav-btn{max-width:100%}}