*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65;color:#1c1c1a;background:#fafaf8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:root{--bg: #FAFAF8;--surface: #FFFFFF;--border: #E6E6E2;--border-2: #D0D0CA;--ink-1: #1C1C1A;--ink-2: #4A4A46;--ink-3: #8C8C86;--ink-4: #C4C4BC;--accent: #3730A3;--accent-lt: #EEF0FB;--accent-md: #C7CAF0;--amber: #D97706;--amber-lt: #FEF3C7;--green: #15803D;--green-lt: #DCFCE7;--red: #B91C1C;--red-lt: #FEE2E2;--ff-serif: "Playfair Display", Georgia, serif;--ff-sans: "Inter", system-ui, sans-serif;--ff-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-w: 256px;--r-sm: 5px;--r: 9px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 16px rgba(0,0,0,.08)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.logo{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--border);flex-shrink:0;text-decoration:none;transition:background .12s}.logo:hover{background:var(--bg)}.logo-img-wrap{width:40px;height:40px;border-radius:var(--r);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;flex-shrink:0;background:var(--surface)}.logo-img{width:28px;height:28px;object-fit:contain;display:block}.logo-text strong{display:block;font-size:13px;font-weight:600;color:var(--ink-1);line-height:1.2}.logo-text span{display:block;font-size:11px;color:var(--ink-3);margin-top:2px;font-weight:400}.tabbar{display:flex;align-items:stretch;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tabbar-tabs{display:flex;align-items:stretch;overflow-x:auto;padding:0 36px;gap:0;flex:1;min-width:0;scrollbar-width:none}.tabbar-tabs::-webkit-scrollbar{display:none}.print-btn{display:flex;align-items:center;gap:6px;padding:0 16px;font-family:var(--ff-sans);font-size:12px;font-weight:500;color:var(--ink-3);background:none;border:none;border-left:1px solid var(--border);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .12s,background .12s}.print-btn:hover{color:var(--ink-1);background:var(--bg)}.print-btn svg{flex-shrink:0}.nav-overview{display:flex;align-items:center;gap:8px;padding:11px 18px;font-size:12px;font-weight:500;color:var(--ink-2);border-bottom:1px solid var(--border);transition:color .12s,background .12s;flex-shrink:0}.nav-overview:hover{color:var(--accent);background:var(--accent-lt)}.nav-units{flex:1;padding:6px 0;overflow-y:auto;scrollbar-width:none}.nav-units::-webkit-scrollbar{display:none}.unit{border-bottom:1px solid var(--border)}.unit:last-child{border-bottom:none}.unit-head{display:flex;align-items:center;gap:7px;padding:9px 18px;cursor:pointer;list-style:none;user-select:none;font-size:12px;transition:background .12s}.unit-head::-webkit-details-marker{display:none}.unit-head:hover{background:var(--bg)}.unit-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.unit-num{font-size:10px;font-weight:700;color:var(--ink-3);font-family:var(--ff-mono);letter-spacing:.04em;flex-shrink:0}.unit-name{font-weight:500;color:var(--ink-2);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-caret{color:var(--ink-4);flex-shrink:0;transition:transform .2s}details[open] .unit-caret{transform:rotate(180deg)}.lesson-list{padding:3px 0 6px;background:var(--bg)}.lesson{display:flex;align-items:baseline;gap:8px;padding:6px 18px 6px 34px;font-size:12px;color:var(--ink-3);transition:color .1s,background .1s;cursor:pointer}.lesson:hover{color:var(--ink-1);background:#00000005}.lesson.is-active{color:var(--uc, var(--accent));font-weight:600;background:#00000008;border-left:2px solid var(--uc, var(--accent));padding-left:32px}.lesson-code{font-family:var(--ff-mono);font-size:10px;font-weight:500;flex-shrink:0;min-width:28px}.lesson.is-active .lesson-code{color:var(--uc, var(--accent))}.lesson-name{line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar-stat{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--border);flex-shrink:0}.stat-item{display:flex;align-items:baseline;gap:4px}.stat-val{font-family:var(--ff-mono);font-size:18px;font-weight:500;color:var(--ink-1);line-height:1}.stat-lbl{font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.stat-div{width:1px;height:24px;background:var(--border)}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh;background-image:linear-gradient(rgba(55,48,163,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(55,48,163,.04) 1px,transparent 1px),linear-gradient(rgba(55,48,163,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(55,48,163,.015) 1px,transparent 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1px -1px}.topstrip{display:flex;align-items:center;justify-content:space-between;padding:10px 36px;background:var(--surface);border-bottom:1px solid var(--border);gap:16px;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.breadcrumb a{transition:color .12s}.breadcrumb a:hover{color:var(--accent)}.bc-sep{color:var(--ink-4)}.bc-leaf{color:var(--ink-2);font-weight:500}.prev-next{display:flex;align-items:center;gap:6px}.pn-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;font-family:var(--ff-mono);color:var(--ink-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);transition:all .12s;text-decoration:none}.pn-btn:hover:not(.pn-disabled){color:var(--accent);border-color:var(--accent-md);background:var(--accent-lt)}.pn-disabled{opacity:.3;pointer-events:none}.pn-counter{display:flex;align-items:baseline;gap:2px;padding:4px 10px;background:var(--ink-1);border-radius:var(--r-sm)}.pn-cur{font-family:var(--ff-mono);font-size:12px;font-weight:500;color:#fff}.pn-of{font-family:var(--ff-mono);font-size:11px;color:#ffffff59}.hero{position:relative;border-bottom:1px solid var(--border);overflow:hidden;background-image:var(--hero-bg);background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#0a0a0ad1,#0a0a0ab8 55%,#0a0a0a8c);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:32px 36px 24px}.hero-left{flex:1;min-width:0}.hero-unit-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 12px;border:1px solid rgba(255,255,255,.25);border-radius:100px;margin-bottom:12px;font-family:var(--ff-mono);color:#ffffffe6!important;background:#ffffff1a}.hero-title{font-family:var(--ff-serif);font-size:clamp(26px,3.5vw,44px);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:#fff;margin-bottom:14px;text-shadow:0 2px 12px rgba(0,0,0,.3)}.hero-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9;flex-wrap:wrap}.meta-dot{width:3px;height:3px;border-radius:50%;background:#ffffff4d}.hero-badge{flex-shrink:0;width:84px;height:84px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hb-p{font-family:var(--ff-mono);font-size:11px;font-weight:500;color:#ffffff80;line-height:1;text-transform:uppercase;letter-spacing:.12em}.hb-n{font-family:var(--ff-serif);font-size:34px;font-weight:600;color:#fff;line-height:1;letter-spacing:-.03em}.hero-formula{padding:9px 36px;font-family:var(--ff-mono);font-size:11px;color:#adff2f;background:#00000040;border-top:1px solid rgba(255,255,255,.08);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab{position:relative;display:flex;align-items:center;padding:0 18px;height:46px;font-family:var(--ff-sans);font-size:13px;font-weight:400;color:var(--ink-3);background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .12s;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink-2)}.tab-active{color:var(--ink-1);font-weight:500;border-bottom-color:var(--ink-1)}.tab-pip{display:none}.content{flex:1;padding:40px 36px 80px;max-width:820px}.content h2{font-family:var(--ff-serif);font-size:28px;font-weight:600;color:var(--ink-1);letter-spacing:-.02em;line-height:1.2;margin:44px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.content h2:first-child{margin-top:0}.content h3{font-family:var(--ff-sans);font-size:13px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.07em;margin:28px 0 10px}.content p{color:var(--ink-2);font-size:15px;line-height:1.75;margin-bottom:16px}.content strong{color:var(--ink-1);font-weight:600}.content em{font-style:italic}.content ul,.content ol{color:var(--ink-2);padding-left:20px;margin-bottom:16px}.content ul{list-style:disc}.content ol{list-style:decimal}.content li{font-size:15px;line-height:1.7;margin-bottom:6px;padding-left:4px}.content hr{border:none;border-top:1px solid var(--border);margin:36px 0}.content table{width:100%;border-collapse:collapse;font-size:13.5px;margin:16px 0 24px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.content th{background:var(--ink-1);color:#fff;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;text-align:left;font-family:var(--ff-sans)}.content td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--ink-2);vertical-align:top;line-height:1.55}.content td:first-child{color:var(--ink-1);font-weight:500;background:var(--bg)}.content tr:last-child td{border-bottom:none}.content tr:hover td{background:#f5f5f2}.content pre{background:var(--ink-1);color:#d4d4c8;padding:20px 22px;border-radius:var(--r);overflow-x:auto;font-family:var(--ff-mono);font-size:13px;line-height:1.75;margin:16px 0 24px}.content code{font-family:var(--ff-mono);font-size:13px}.content :not(pre)>code{background:var(--accent-lt);color:var(--accent);padding:1px 6px;border-radius:var(--r-sm);font-size:12.5px}.content .katex-display{margin:20px 0;overflow-x:auto;padding:16px 0}.content .katex{font-size:1.1em}.section-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-md);background:var(--accent-lt);padding:3px 10px;border-radius:100px;margin-bottom:8px;font-family:var(--ff-sans)}.lesson-meta-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.lm-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);background:var(--bg);border:1px solid var(--border);padding:4px 11px;border-radius:100px}.highlight-box{display:flex;gap:14px;align-items:flex-start;background:var(--accent-lt);border:1px solid var(--accent-md);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:16px 18px;margin:16px 0 24px}.hb-icon{font-size:18px;flex-shrink:0;line-height:1.4}.hb-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:5px}.hb-content p{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0}.tujuan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:14px 0 24px}.tj-card{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;transition:border-color .12s}.tj-card:hover{border-color:var(--border-2)}.tj-num{width:22px;height:22px;background:var(--ink-1);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;font-family:var(--ff-mono);flex-shrink:0}.tj-card p{font-size:13px;color:var(--ink-2);line-height:1.6;margin:0}.pemantik-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 24px}.pm-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:0 var(--r) var(--r) 0;padding:14px 16px}.pm-q{font-size:14px;color:var(--ink-1);line-height:1.6;font-style:italic}.rpp-timeline{display:flex;flex-direction:column;gap:10px;margin:14px 0 24px;position:relative}.rpp-timeline:before{content:"";position:absolute;left:8px;top:22px;bottom:22px;width:1px;background:var(--border);pointer-events:none}.rpp-phase{position:relative;padding-left:30px}.rpp-phase-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rpp-phase-dot{width:16px;height:16px;border-radius:50%;position:absolute;left:0;top:2px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);flex-shrink:0}.rpp-phase-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.rpp-phase-time{font-size:11px;font-family:var(--ff-mono);color:var(--ink-3);background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:100px;margin-left:auto}.rpp-phase-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;font-size:14px;color:var(--ink-2);line-height:1.7}.rpp-phase-body h3{font-size:12.5px!important;font-weight:600!important;color:var(--ink-1)!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 10px!important;padding:0!important;border:none!important;background:none!important}.rpp-phase-body ul{list-style:disc;padding-left:18px;margin:8px 0;display:block}.rpp-phase-body ol{list-style:decimal;padding-left:18px;margin:8px 0;display:block}.rpp-phase-body li{font-size:13.5px;line-height:1.65;margin-bottom:4px;color:var(--ink-2)}.rpp-phase-body strong{color:var(--ink-1)}.rpp-phase-body p{font-size:14px;margin-bottom:8px;color:var(--ink-2)}.rpp-phase-body p:last-child{margin-bottom:0}.lks-header{display:flex;flex-wrap:wrap;gap:16px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--ink-2);margin-bottom:20px}.lks-soal{margin:10px 0 20px}.garis-bilangan-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 12px 12px;margin:12px 0 20px;overflow-x:auto;text-align:center}.gb-line{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:6px}.gb-arrow{font-size:11px;color:var(--ink-3);padding:0 4px}.gb-ticks{display:flex;border-top:2px solid var(--ink-1)}.gb-ticks span{font-family:var(--ff-mono);font-size:10px;font-weight:500;color:var(--ink-2);width:34px;text-align:center;padding-top:6px;border-left:1px solid var(--border-2);margin-top:-2px}.gb-label{font-size:11px;color:var(--ink-3);font-style:italic;margin-top:6px}.lks-bandingkan{display:flex;flex-direction:column;gap:6px;margin:12px 0 20px}.lb-row{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.lb-row span{font-size:15px;min-width:36px;text-align:center;font-family:var(--ff-mono)}.lb-box{width:36px;height:30px;border:1.5px solid var(--border-2);border-radius:var(--r-sm);background:var(--surface)}.lks-jawab-area{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin:10px 0 20px}.lks-jawab-area>p{font-size:12px;color:var(--ink-3);margin-bottom:10px}.lks-lines{display:flex;flex-direction:column;gap:14px}.lks-lines div{height:1px;background:var(--border)}.exit-ticket-card{border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;margin:14px 0 24px;box-shadow:var(--shadow-sm)}.et-header{background:var(--ink-1);color:#fff;padding:12px 18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.et-title{font-weight:600;font-size:12.5px;font-family:var(--ff-mono)}.et-body{padding:18px 20px}.et-instruction{font-size:12.5px;color:var(--ink-3);font-style:italic;margin-bottom:16px;line-height:1.55}.et-q{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border);position:relative;padding-left:34px}.et-q:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.et-qnum{position:absolute;left:0;top:1px;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;font-family:var(--ff-mono)}.et-q p{font-size:14px;color:var(--ink-1);margin:0;line-height:1.6}.et-answer-line{height:1px;background:var(--border);margin-top:4px}.miskonsepsi-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 24px}.mk-item{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.mk-header{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--red-lt);border-bottom:1px solid #FECACA}.mk-icon{font-size:14px;flex-shrink:0}.mk-wrong{font-size:13.5px;color:var(--red);font-style:italic;line-height:1.5}.mk-fix{padding:12px 14px;background:var(--surface)}.mk-fix-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--green);margin-bottom:5px}.mk-fix p{font-size:13.5px;color:var(--ink-2);line-height:1.65;margin:0}.definisi-box{background:var(--ink-1);border-radius:var(--r);padding:18px 22px;margin:14px 0 24px}.db-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#34d399;margin-bottom:8px;font-family:var(--ff-mono)}.db-content{color:#d4d4c8;font-size:14px;line-height:1.7}.db-content p{color:#d4d4c8;margin:8px 0 0}.konsep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 24px}.kg-card{border:1px solid var(--border);border-radius:var(--r);padding:14px;text-align:center}.kg-negatif{background:var(--red-lt);border-color:#fecaca}.kg-nol{background:var(--bg)}.kg-positif{background:var(--green-lt);border-color:#bbf7d0}.kg-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-family:var(--ff-mono)}.kg-negatif .kg-label{color:var(--red)}.kg-nol .kg-label{color:var(--ink-3)}.kg-positif .kg-label{color:var(--green)}.kg-math{font-size:13px;margin-bottom:8px}.kg-card>p{font-size:12px;color:var(--ink-2);line-height:1.55;margin:0}.modul-garis-bilangan{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:24px 16px 16px;margin:14px 0 24px;overflow-x:auto}.mgb-wrap{display:flex;align-items:center;gap:4px;min-width:480px}.mgb-arrow-left,.mgb-arrow-right{font-size:12px;color:var(--ink-3);flex-shrink:0}.mgb-content{flex:1;position:relative}.mgb-negative-region,.mgb-positive-region{position:absolute;top:-18px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-family:var(--ff-mono)}.mgb-negative-region{left:0;color:var(--red)}.mgb-positive-region{right:0;color:var(--green)}.mgb-axis{height:2px;background:var(--ink-1);width:100%;margin-top:28px}.mgb-ticks{display:flex;justify-content:space-between}.mgb-tick{display:flex;flex-direction:column;align-items:center;gap:3px}.mgb-num{font-family:var(--ff-mono);font-size:11px;font-weight:400;color:var(--ink-2)}.mgb-zero .mgb-num{color:var(--ink-1);font-weight:600}.mgb-line{width:1px;height:8px;background:var(--ink-3)}.mgb-zero .mgb-line{width:2px;height:12px;background:var(--ink-1)}.mgb-caption{text-align:center;font-size:11px;color:var(--ink-3);margin-top:10px;font-style:italic}.prinsip-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 24px}.pr-item{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px}.pr-num{font-size:18px;flex-shrink:0;line-height:1.4}.pr-content{font-size:13.5px;color:var(--ink-2);line-height:1.65}.pr-content strong{color:var(--ink-1)}.konteks-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:14px 0 24px}.kk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;transition:border-color .12s,box-shadow .12s}.kk-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm)}.kk-icon{font-size:22px;margin-bottom:8px}.kk-title{font-size:13px;font-weight:600;color:var(--ink-1);margin-bottom:8px}.kk-content p{font-size:12.5px;color:var(--ink-2);line-height:1.55;margin:0 0 8px}.kk-example{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 10px;font-size:12px;color:var(--ink-2);line-height:1.5;margin-bottom:8px}.kk-ex-pos{color:var(--green);font-weight:600}.kk-ex-neg{color:var(--red);font-weight:600}.kk-note{font-size:11.5px;color:var(--ink-3);font-style:italic;line-height:1.5;margin:0!important}.contoh-noncontoh{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 24px}.cn-col{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.cn-header{font-size:11px;font-weight:600;padding:9px 14px;text-align:center}.cn-yes{background:var(--green);color:#fff}.cn-no{background:var(--red);color:#fff}.cn-item{font-size:13px;color:var(--ink-2);padding:8px 14px;border-bottom:1px solid var(--border);line-height:1.5}.cn-item:last-child{border-bottom:none}.aturan-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:16px 20px;margin:14px 0 24px;font-size:14px;line-height:1.8;color:var(--ink-2)}.aturan-box strong{display:block;color:var(--ink-1);margin-top:14px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.aturan-box strong:first-child{margin-top:0}.worked-example{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;margin:14px 0 24px;box-shadow:var(--shadow-sm)}.we-title{background:var(--ink-1);color:#fff9;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:8px 18px;font-family:var(--ff-mono)}.we-problem{background:var(--bg);padding:12px 18px;font-size:14px;font-weight:500;color:var(--ink-1);border-bottom:1px solid var(--border)}.we-steps{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.we-step{display:flex;gap:12px;align-items:flex-start}.we-step-num{width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;font-family:var(--ff-mono);flex-shrink:0}.we-step-content{font-size:13.5px;color:var(--ink-2);line-height:1.65}.we-step-content strong{color:var(--ink-1);display:block;margin-bottom:4px}.we-step-content p{margin:4px 0 0}.koneksi-flow{display:flex;align-items:center;gap:8px;margin:14px 0 24px;flex-wrap:wrap}.kf-node{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;flex:1;min-width:130px}.kf-current{background:var(--accent-lt);border-color:var(--accent-md);border-left:3px solid var(--accent)}.kf-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:3px;font-family:var(--ff-mono)}.kf-current .kf-label{color:var(--accent)}.kf-title{font-size:13px;font-weight:600;color:var(--ink-1);margin-bottom:2px}.kf-sub{font-size:11.5px;color:var(--ink-3);line-height:1.4}.kf-arrow{font-size:16px;color:var(--ink-4);flex-shrink:0}.teacher-moves{display:flex;flex-direction:column;gap:10px;margin:14px 0 24px}.tm-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.tm-phase{background:var(--ink-1);color:#ffffff73;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:7px 14px;font-family:var(--ff-mono)}.tm-quotes{padding:14px;display:flex;flex-direction:column;gap:10px}.tm-quote{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 14px}.tm-q-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:5px}.tm-why{color:var(--accent)}.tm-quotes p{font-size:13.5px;color:var(--ink-2);line-height:1.65;margin:0;font-style:italic}.antisipasi-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 24px}.an-item{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.an-q{background:var(--amber-lt);border-bottom:1px solid #FDE68A;padding:12px 14px;font-size:13.5px;font-weight:500;color:#78350f;line-height:1.55}.an-a{padding:12px 14px;background:var(--surface)}.an-a-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:6px}.an-a p{font-size:13.5px;color:var(--ink-2);line-height:1.65;margin:0}.observasi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 24px}.obs-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.obs-header{display:flex;align-items:center;gap:8px;padding:10px 14px}.obs-good .obs-header{background:var(--green-lt);border-bottom:1px solid #BBF7D0}.obs-warn .obs-header{background:var(--amber-lt);border-bottom:1px solid #FDE68A}.obs-icon{font-size:14px}.obs-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.obs-good .obs-title{color:var(--green)}.obs-warn .obs-title{color:#92400e}.obs-list{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.obs-item{font-size:12.5px;color:var(--ink-2);line-height:1.55;padding-left:12px;position:relative}.obs-item:before{content:"-";position:absolute;left:0;color:var(--ink-4)}.intervensi-steps{display:flex;flex-direction:column;gap:7px;margin:14px 0 24px}.is-step{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px}.is-num{width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;font-family:var(--ff-mono);flex-shrink:0}.is-content{font-size:13.5px;color:var(--ink-2);line-height:1.6}.is-content strong{color:var(--ink-1)}.diferensiasi-box{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin:14px 0 24px}.dif-header{display:flex;align-items:center;gap:10px;padding:12px 16px}.dif-remedial .dif-header{background:var(--amber-lt);border-bottom:1px solid #FDE68A}.dif-pengayaan .dif-header{background:var(--green-lt);border-bottom:1px solid #BBF7D0}.dif-icon{font-size:16px}.dif-title{font-size:13px;font-weight:600}.dif-remedial .dif-title{color:#92400e}.dif-pengayaan .dif-title{color:var(--green)}.dif-content{padding:16px;font-size:13.5px;color:var(--ink-2);line-height:1.7}.dif-content strong{color:var(--ink-1);display:block;margin:12px 0 4px}.dif-content strong:first-child{margin-top:0}.dif-content ul{list-style:disc;padding-left:18px;margin:6px 0;display:block}.dif-content li{line-height:1.6;margin-bottom:3px}.kunci-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px;margin:14px 0 24px}.kunci-section h3{font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:var(--ink-1)!important;background:none!important;border:none!important;padding:0 0 6px!important;border-bottom:1px solid var(--border)!important;margin:16px 0 10px!important;font-family:var(--ff-mono)!important}.kunci-section h3:first-child{margin-top:0!important}.refleksi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:14px 0 24px}.ref-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px}.ref-icon{font-size:18px;margin-bottom:6px}.ref-title{font-size:10px;font-weight:600;color:var(--ink-1);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border);font-family:var(--ff-mono)}.ref-questions{display:flex;flex-direction:column;gap:6px}.ref-q{font-size:12.5px;color:var(--ink-2);line-height:1.55;padding-left:10px;position:relative}.ref-q:before{content:"?";position:absolute;left:0;font-size:10px;font-weight:700;color:var(--ink-4);top:1px;font-family:var(--ff-mono)}.catatan-guru-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin:14px 0 24px}.cgb-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:12px;font-family:var(--ff-mono)}.cgb-lines{display:flex;flex-direction:column;gap:14px}.cgb-lines div{height:1px;background:var(--border)}.rubrik-wrap{overflow-x:auto;margin:14px 0 24px;border-radius:var(--r)}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-stat{display:none}.topstrip,.hero-inner,.content,.tabbar,.hero-formula{padding-left:20px;padding-right:20px}}@media(max-width:560px){.konsep-grid,.contoh-noncontoh,.observasi-grid,.tujuan-grid{grid-template-columns:1fr}.koneksi-flow{flex-direction:column}.kf-arrow{transform:rotate(90deg)}.hero-badge{display:none}}.print-header{display:none}@media print{.sidebar,.topstrip,.tabbar,.hero,.print-btn{display:none!important}.shell{display:block}.main{display:block;background-image:none}.content{padding:0;max-width:none}.print-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px;margin-bottom:20px;border-bottom:2px solid #1C1C1A;page-break-after:avoid}.ph-left{display:flex;align-items:center;gap:10px}.ph-logo{width:32px;height:32px;object-fit:contain;display:block}.ph-brand strong{display:block;font-size:13px;font-weight:700;color:#1c1c1a;line-height:1.2}.ph-brand span{display:block;font-size:10px;color:#8c8c86;margin-top:2px}.ph-right{text-align:right}.ph-lesson{display:flex;align-items:baseline;gap:6px;justify-content:flex-end}.ph-code{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:#3730a3;background:#eef0fb;padding:1px 6px;border-radius:4px}.ph-title{font-size:13px;font-weight:600;color:#1c1c1a}.ph-meta{font-size:10px;color:#8c8c86;margin-top:3px}.content h2{font-size:20px;margin-top:28px}.content h3{font-size:12px}.content p,.content li{font-size:13px;color:#1c1c1a}.content table{font-size:11.5px}.rpp-phase,.tj-card,.mk-item,.an-item,.tm-card,.kk-card{page-break-inside:avoid}@page{margin:18mm 16mm}}.math-dark-readable{background:linear-gradient(135deg,#101815,#13201b)!important;border:1px solid rgba(52,211,153,.42)!important;color:#f8fafc!important}.math-dark-readable,.math-dark-readable *,.math-dark-readable p,.math-dark-readable li,.math-dark-readable span,.math-dark-readable strong,.math-dark-readable em,.math-dark-readable td,.math-dark-readable th,.math-dark-readable .db-content,.math-dark-readable .db-content *,.math-dark-readable .katex,.math-dark-readable .katex *,.math-dark-readable mjx-container,.math-dark-readable mjx-container *{color:#f1f5f9!important;opacity:1!important}.math-dark-readable strong{color:#fff!important;font-weight:800}.math-dark-readable .db-label,.math-dark-readable>p:first-child strong{color:#5eead4!important;letter-spacing:.08em;font-weight:800}.math-dark-readable p{line-height:1.75}.math-dark-readable ol,.math-dark-readable ul{margin:18px 0 0;padding-left:28px}.math-dark-readable li{margin:10px 0;line-height:1.7;font-weight:500}.math-dark-readable li::marker{color:#34d399!important;font-weight:900}.math-dark-readable code{color:#d1fae5!important;background:#34d39924!important;border:1px solid rgba(52,211,153,.24);border-radius:8px;padding:2px 6px}