:root{--nb-bg: #F7F5F8;--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;--bm: #63baab;--bml: #F5EDEB;--bmm: #8B6E68;--fg: #1A3A28;--fg-mid: #2C5038;--fg-light: #E8F5EE;--ye: #FFE566;--ye-dark: #B8A020;--sl: #4A6FA5;--sl-light: #EEF3FB;--br: #8B5E3C;--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-b6{background:var(--fg);color:var(--bm);border-color:var(--fg)}.tag-lv{background:var(--bml)}.tag-dr{background:#fff9e0}.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(--bm);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:#fffc}.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(--bm);color:#fff;border-color:var(--bm)}.hero-ori{display:grid;grid-template-columns:1.1fr 1fr;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:2.5rem;background:var(--fg);color:#fff}.ho-left{padding:2rem}.ho-eyebrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:.5rem}.hero-ori .tag-b6{background:var(--bm);color:#fff;border-color:var(--bm)}.hero-ori .tag-lv,.hero-ori .tag-dr{background:#ffffff26;color:#fff;border-color:#ffffff40}.ho-source{font-size:.68rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.1rem}.ho-title{font-family:var(--font-display);margin-bottom:.9rem}.hot-small{display:block;font-size:clamp(.85rem,2vw,1.1rem);font-weight:700;color:#ffffff8c}.hot-big{display:block;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;line-height:.95;letter-spacing:-.03em}.hot-amp{display:block;font-size:clamp(.85rem,2vw,1.1rem);font-weight:700;color:var(--ye);font-style:italic}.ho-desc{font-size:.88rem;line-height:1.68;color:#ffffffbf;margin-bottom:1.25rem}.ho-duo{display:flex;align-items:center;gap:.75rem;background:#ffffff14;border:2px solid rgba(255,255,255,.12);padding:.85rem 1rem}.hod-item{text-align:center;flex:1}.hod-icon{font-size:1.5rem;margin-bottom:.25rem}.hod-label{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--ye)}.hod-sub{font-size:.68rem;color:#ffffff8c;line-height:1.3;margin-top:2px}.hod-plus{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--bm);flex-shrink:0}.ho-right{padding:1.75rem;border-left:3px solid rgba(255,255,255,.1);background:#00000026}.ho-packet{border:2px solid rgba(255,255,255,.2);padding:1.1rem}.hop-header{font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bm);margin-bottom:.85rem}.hop-items{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.hop-item{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:#fffc}.hopi-n{font-family:var(--font-display);font-size:.7rem;font-weight:800;background:var(--bm);color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hop-quote{background:#ffffff14;border-left:3px solid var(--ye);padding:.6rem .85rem;font-size:.8rem;font-style:italic;color:#fffc;line-height:1.5}.hopq-src{font-size:.68rem;color:#ffffff73;font-style:normal;margin-top:4px}.sec{margin-bottom:3.5rem;scroll-margin-top:80px}.sec-chip{font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--fg);color:#fff;border:2px solid var(--nb-black);padding:3px 14px;display:inline-block;margin-bottom:.6rem}.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 1rem;color:var(--nb-black)}.spara{font-size:.97rem;line-height:1.75;color:var(--nb-ink);margin-bottom:1.25rem;max-width:680px}.flip-intro{display:flex;align-items:center;gap:10px;background:var(--bml);border:2px solid var(--bm);padding:.75rem 1.1rem;margin-bottom:1.25rem;font-size:.88rem}.fi-icon{font-size:1.1rem;flex-shrink:0}.fi-counter{margin-left:auto;font-family:var(--font-display);font-size:.82rem;font-weight:800;background:var(--fg);color:#fff;padding:3px 10px;white-space:nowrap}.flip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1rem}.flip-card{height:340px;cursor:pointer;perspective:800px}.fc-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.flip-card.flipped .fc-inner{transform:rotateY(180deg)}.fc-front,.fc-back{position:absolute;inset:0;backface-visibility:hidden;border:var(--nb-border);box-shadow:var(--nb-ss);padding:.85rem;display:flex;flex-direction:column}.fc-front{background:var(--fg);color:#fff;align-items:flex-start}.fc-back{background:var(--nb-surface);transform:rotateY(180deg)}.fc-f-badge{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--bm);color:#fff;padding:2px 8px;border:1.5px solid rgba(255,255,255,.3);margin-bottom:.5rem}.fc-f-icon{font-size:1.5rem;margin-bottom:.4rem}.fc-f-text{font-size:.8rem;line-height:1.5;color:#ffffffe6;font-style:italic}.fc-b-badge{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--fg);color:#fff;padding:2px 8px;display:inline-block;margin-bottom:.5rem}.fc-b-text{font-size:.78rem;line-height:1.5;flex:1;color:var(--nb-ink)}.fc-b-src{font-size:.65rem;color:var(--nb-muted);font-style:italic;margin-top:.4rem;border-top:1px solid #e5e5e5;padding-top:.3rem}.flip-complete{background:var(--fg);color:#fff;border:var(--nb-border);box-shadow:var(--nb-shadow);padding:1.5rem;text-align:center;animation:fcfx .4s ease}@keyframes fcfx{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fco-icon{font-size:2rem;margin-bottom:.5rem}.fco-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--ye);margin-bottom:.5rem}.fco-text{font-size:.88rem;line-height:1.65;color:#ffffffd1;margin-bottom:1rem;max-width:580px;margin-left:auto;margin-right:auto}.fco-reset{background:var(--bm);color:#fff;border:var(--nb-border);padding:.55rem 1.25rem;font-family:var(--font-body);font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:var(--nb-ss);transition:transform .1s}.fco-reset:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--nb-black)}.invitation-block{display:grid;grid-template-columns:1fr 1.2fr;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.ib-dark{background:var(--fg);color:#fff;padding:1.75rem;position:relative}.ib-quote-mark{font-family:var(--font-display);font-size:5rem;font-weight:800;color:var(--bm);position:absolute;top:.5rem;left:1rem;line-height:1;opacity:.4}.ib-dark blockquote{font-family:var(--font-display);font-size:.92rem;font-style:italic;line-height:1.7;margin:2.5rem 0 .75rem;border:none;padding:0;color:#fff}.ib-attr{font-size:.72rem;color:#ffffff80}.ib-light{padding:1.75rem;border-left:var(--nb-border);background:var(--nb-surface)}.ib-light p{font-size:.93rem;line-height:1.72;margin-bottom:.75rem}.ib-three-steps{display:flex;flex-direction:column;gap:0;border:2px solid var(--nb-black);overflow:hidden;margin-top:.5rem}.ibts-item{display:flex;align-items:flex-start;gap:10px;padding:.75rem;border-bottom:2px solid var(--nb-black);background:var(--nb-bg)}.ibts-item:last-child{border-bottom:none}.ibts-n{font-family:var(--font-display);font-size:.88rem;font-weight:800;background:var(--bm);color:#fff;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ibts-item strong{font-size:.87rem;font-weight:700;color:var(--nb-black);display:block;margin-bottom:2px}.ibts-item p{font-size:.8rem;line-height:1.5;margin:0;color:var(--nb-muted)}.fairness-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:stretch;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden;margin-bottom:1.25rem}.fv-dark{background:#fff1f2;padding:1.25rem}.fv-light{background:var(--nb-green-light);padding:1.25rem}.fv-header{font-family:var(--font-display);font-size:.85rem;font-weight:800;color:var(--nb-black);margin-bottom:.85rem;border-bottom:2px solid var(--nb-black);padding-bottom:.4rem}.fvh-good{color:var(--fg)}.fv-shoes{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.fvs-row{display:flex;align-items:center;gap:.6rem;font-size:.84rem}.fvs-person{flex:1;color:var(--nb-muted)}.fvs-shoe{font-size:1rem}.fvs-wrong{filter:grayscale(1) opacity(.4)}.fvs-label{font-size:.72rem;font-weight:700}.fvs-l-wrong{color:var(--nb-coral)}.fvs-l-right{color:var(--nb-green)}.fv-arrow{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--bm);flex-shrink:0;padding:0 .5rem;border-right:var(--nb-border);border-left:var(--nb-border)}.fv-caption{font-size:.78rem;font-style:italic;color:var(--nb-muted);border-top:1px solid #ddd;padding-top:.5rem}.fvca-good{color:var(--fg);font-weight:600}.fairness-discussion{border:var(--nb-border);box-shadow:var(--nb-ss);overflow:hidden}.fd-label{background:var(--bm);color:#fff;font-family:var(--font-display);font-size:.75rem;font-weight:700;padding:.6rem 1rem;border-bottom:var(--nb-border)}.fd-script{padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--nb-surface)}.fds-bubble{padding:.85rem 1rem;border:2px solid var(--nb-black);position:relative}.fds-teacher{background:var(--fg-light);border-left:4px solid var(--fg)}.fds-student{background:var(--bml);border-left:4px solid var(--bm);margin-left:2rem}.fds-role{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--fg);margin-bottom:.35rem}.fds-student .fds-role{color:var(--bmm)}.fds-bubble p{font-size:.87rem;line-height:1.6;margin:0;font-style:italic}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.pg-card{border-right:2px solid var(--nb-black);border-bottom:2px solid var(--nb-black);background:var(--nb-surface)}.pg-card:nth-child(2n){border-right:none}.pg-card:nth-last-child(-n+2){border-bottom:none}.pgc-header{display:flex;align-items:center;gap:10px;padding:.85rem 1rem;background:color-mix(in srgb,var(--pgc) 12%,white);border-bottom:2px solid var(--nb-black)}.pgch-icon{font-size:1.3rem;flex-shrink:0}.pgch-title{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--nb-black)}.pgc-body{padding:1rem}.pgc-body p{font-size:.87rem;line-height:1.65;margin-bottom:.6rem}.pgc-tip{font-size:.8rem;line-height:1.5;background:var(--bml);border-left:3px solid var(--bm);padding:.5rem .8rem}.three-views{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.tv-col{border-right:2px solid var(--nb-black)}.tv-col:last-child{border-right:none}.tv-header{display:flex;flex-direction:column;align-items:center;gap:5px;padding:1rem .85rem;border-bottom:2px solid var(--nb-black);background:var(--tvc);color:#fff;text-align:center}.tv-icon{font-size:1.5rem}.tv-nama{font-family:var(--font-display);font-size:.82rem;font-weight:700;line-height:1.3}.tv-nama span{font-size:.7rem;font-weight:400;opacity:.7}.tv-scene{padding:1rem;background:var(--nb-surface);display:flex;flex-direction:column;gap:.5rem}.tv-before{padding:.75rem;background:#fff8f8;border:1.5px solid var(--nb-black);border-left:4px solid #EF4444}.tv-after{padding:.75rem;background:var(--nb-green-light);border:1.5px solid var(--nb-black);border-left:4px solid var(--nb-green)}.tvb-label,.tva-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.tvb-label{color:var(--nb-coral)}.tva-label{color:var(--nb-green)}.tv-before p,.tv-after p{font-size:.8rem;line-height:1.5;margin:0;font-style:italic}.tv-arrow{font-size:1.1rem;text-align:center;color:var(--bm);font-weight:800}.timeline-board{border:var(--nb-border);box-shadow:var(--nb-shadow);overflow:hidden}.tb-phase{border-bottom:2px solid var(--nb-black)}.tb-phase:last-child{border-bottom:none}.tbp-period{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:#fff;padding:.6rem 1.1rem;border-bottom:2px solid var(--nb-black)}.tb-p1 .tbp-period{background:var(--bm)}.tb-p2 .tbp-period{background:var(--fg)}.tb-p3 .tbp-period{background:var(--br)}.tb-p4 .tbp-period{background:var(--sl)}.tbp-items{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--nb-surface)}.tbpi-item{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;line-height:1.5}.tbpi-who{font-size:.68rem;font-weight:800;padding:2px 8px;white-space:nowrap;flex-shrink:0;border:1.5px solid var(--nb-black)}.tbpi-guru{background:var(--fg);color:#fff}.tbpi-siswa{background:var(--bm);color:#fff}.tbpi-ortu{background:var(--ye);color:var(--nb-black)}.script-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)}.st-tab{background:transparent;border:none;border-right:2px solid #333;padding:.65rem 1rem;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:#888;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.st-tab:hover{background:#1a1a1a;color:var(--bml)}.st-tab.st-active{background:var(--bm);color:#fff}.st-tab:last-child{border-right:none}.st-panel{background:var(--nb-bg)}.stp-context{font-size:.8rem;color:var(--nb-muted);font-style:italic;padding:.85rem 1.1rem .35rem;border-bottom:1px solid #e5e5e5}.script-lines{display:flex;flex-direction:column}.sl-item{padding:1rem 1.1rem;border-bottom:2px solid var(--nb-black);background:var(--nb-surface);transition:background .12s}.sl-item:last-child{border-bottom:none}.sl-item:hover{background:var(--bml)}.sl-context{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--fg);margin-bottom:.45rem;border-left:3px solid var(--bm);padding-left:7px}.sl-text{font-size:.88rem;line-height:1.65;font-style:italic;color:var(--nb-ink);background:#bea6a014;padding:.6rem .9rem;border:1.5px solid rgba(190,166,160,.3)}.faq-items{display:flex;flex-direction:column;background:var(--nb-surface)}.faq-item{border-bottom:2px solid var(--nb-black);transition:background .12s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:var(--bml)}.faq-q{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:var(--nb-black);padding:.85rem 1.1rem .35rem}.faq-a{font-size:.87rem;line-height:1.65;color:var(--nb-ink);padding:.35rem 1.1rem .85rem}.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(--bml)}.tw-num{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;background:var(--bm);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(--fg-mid);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-bm{height:100%;background:var(--bm)}.fp-detail{display:flex;justify-content:space-between;font-size:.8rem}.fp-done-bm{color:var(--bmm);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(--bml);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-bm{background:var(--bm);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-ori{grid-template-columns:1fr}.ho-right{border-left:none;border-top:var(--nb-border)}.flip-grid{grid-template-columns:repeat(2,1fr)}.flip-card{height:240px}.invitation-block{grid-template-columns:1fr}.ib-light{border-left:none;border-top:var(--nb-border)}.fairness-visual{grid-template-columns:1fr}.fv-arrow{transform:rotate(90deg);padding:.5rem}.three-views{grid-template-columns:1fr}.tv-col{border-right:none;border-bottom:2px solid var(--nb-black)}.parent-grid{grid-template-columns:1fr}.pg-card{border-right:none}.modul-nav{flex-wrap:wrap}.nav-btn{max-width:100%}}