:root{--ink:#1b3532;--muted:#72837f;--green:#237e65;--mint:#ddf2e9;--paper:#f6f8f5;--line:#e2e8e2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:var(--green)}aside{position:fixed;inset-block:0;inset-inline-start:0;width:240px;background:#163d35;color:#e6f1eb;padding:35px 25px;display:flex;flex-direction:column;z-index:3}main{margin-inline-start:240px;padding:0 48px;max-width:1600px}.brand{font-size:31px;font-weight:800;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.mark{display:inline-flex;gap:4px;height:29px;align-items:end}.mark i{display:block;background:#93c9ac;width:6px;border-radius:2px;height:16px}.mark i:nth-child(2){height:28px}.mark i:nth-child(3){height:22px}.brand small{font-size:12px;font-weight:400;letter-spacing:2px;margin-inline-start:5px}.navtitle{color:#8cb0a3;font-size:11px;letter-spacing:1px;margin:40px 12px 10px}.navbtn{border:0;background:none;color:#bcd0c7;display:flex;width:100%;gap:12px;padding:12px;border-radius:8px;text-align:start;margin-bottom:4px}.navbtn.active{background:#31574b;color:white}.navbtn:hover{background:#264c41}.sidebarfoot{margin-top:auto;font-size:12px;color:#a4c0b2;border-top:1px solid #416154;padding-top:20px}.progress{height:5px;background:#456359;border-radius:5px;overflow:hidden;margin:12px 0}.progress span{height:100%;display:block;background:#9ad1b3;transition:width .4s}header{height:90px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.headtools{display:flex;gap:12px;align-items:center}.lang{border:1px solid #dce4dc;background:white;border-radius:7px;padding:7px 15px}.avatar{height:32px;width:32px;border-radius:50%;background:#e3eade;display:grid;place-items:center;font-size:12px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:bold}.dot{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-size:clamp(30px,3vw,46px);line-height:1.5;letter-spacing:-1.5px;margin:13px 0 14px}h1 em{font-style:normal;color:var(--green)}h2{font-size:22px;line-height:1.5;margin:0}p{margin:10px 0}.hero{padding:44px 0 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.hero p{color:var(--muted);max-width:480px}.btn{border:0;background:var(--green);color:white;padding:11px 21px;border-radius:7px;font-weight:bold;display:inline-flex;align-items:center;gap:12px}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.actions{display:flex;gap:10px;margin-top:25px}.herovis{background:#edf3ec;border:1px solid #dce6db;border-radius:16px;padding:27px;position:relative;overflow:hidden}.herovis:before{content:'';position:absolute;width:200px;height:200px;background:#dae6d4;border-radius:50%;top:-110px;inset-inline-end:-60px}.vislabel{font-size:11px;color:#5e7869;position:relative}.equation{display:flex;align-items:center;gap:9px;direction:ltr;justify-content:center;margin:24px 0}.equation .tile{padding:16px 11px;background:white;border:1px solid #dde5da;border-radius:10px;flex:1;text-align:center;box-shadow:0 5px 0 #e0e9dd}.tile small{display:block;font-size:10px;color:#778879}.tile strong{font-size:23px;display:block;line-height:1.5}.tile:first-child{background:#237e65;color:white;border-color:#237e65;box-shadow:0 5px 0 #b8d5bf}.tile:first-child small{color:#d0e9da}.balance{border-top:1px dashed #b9caba;padding-top:15px;display:flex;justify-content:space-between;font-size:11px}.tag{display:inline-block;border-radius:5px;background:#edf4ed;color:#52775f;padding:3px 8px;font-size:10px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.sectionhead small{color:var(--muted);font-size:12px}.feature{background:white;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1.2fr;overflow:hidden;margin-bottom:38px}.featuretext{padding:25px 28px}.featuretext p{color:var(--muted);font-size:13px}.featuretext h2{margin:8px 0}.featurevisual{background:#eff4ec;padding:25px 35px}.meter{display:flex;gap:8px;align-items:stretch;margin:15px 0;direction:ltr}.meter div{border-radius:6px;min-height:45px;padding:10px;color:white;text-align:center;font-size:12px;transition:all .3s}.sliderrow{display:flex;justify-content:space-between;font-size:12px}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}.librarytools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{border:1px solid transparent;background:none;color:var(--muted);padding:7px 11px;border-radius:6px;font-size:12px}.tab.active{background:#e1ece2;color:var(--ink)}.search{border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:white;width:240px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden;cursor:pointer;text-align:start;transition:transform .2s,box-shadow .2s;color:var(--ink);padding:0}.card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #183f3510}.cardart{height:112px;background:#eef3e9;display:flex;align-items:center;justify-content:center;padding:18px;position:relative;color:#467c64}.card:nth-child(3n+2) .cardart{background:#edf0f8;color:#667cb1}.card:nth-child(3n) .cardart{background:#f5eee2;color:#ad8d4a}.cardbody{padding:18px}.cardbody h3{margin:8px 0;font-size:16px}.cardbody p{font-size:11px;color:var(--muted);line-height:1.8;min-height:40px}.cardbottom{display:flex;justify-content:space-between;margin-top:17px;font-size:10px;color:var(--muted)}.arrow{font-size:20px;color:var(--green)}.mini{display:flex;gap:8px;align-items:center;direction:ltr}.mini b{background:#ffffffaa;border:1px solid currentColor;border-radius:6px;padding:10px 15px;font-size:16px}.minibars{display:flex;gap:9px;align-items:end;height:70px;direction:ltr}.minibars i{width:24px;background:currentColor;opacity:.65;border-radius:3px 3px 0 0}.path{margin:40px 0;background:#eaf0e7;padding:27px;border-radius:12px}.pathsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.pathstep{font-size:12px;border-inline-start:2px solid #a8c2aa;padding-inline-start:14px}.pathstep strong{display:block}.pathstep button{background:none;border:0;padding:0;color:var(--green);font-size:11px;text-decoration:underline}.empty{text-align:center;padding:50px;color:var(--muted);grid-column:1/-1}footer{padding:25px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}dialog{border:0;padding:0;border-radius:16px;width:min(960px,95vw);max-height:92vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#133c35a6;backdrop-filter:blur(3px)}.lessonhead{padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:white;position:sticky;top:0;z-index:1}.close{border:1px solid var(--line);background:white;border-radius:50%;width:33px;height:33px;font-size:20px}.lessonbody{padding:25px 28px}.lessonintro{font-size:14px;color:var(--muted);max-width:800px}.formula{direction:ltr;text-align:center;padding:12px;background:#e4eee3;border-radius:8px;font-size:14px;margin:15px 0}.lab{display:grid;grid-template-columns:250px 1fr;gap:22px;margin-top:20px}.controls{background:white;border:1px solid var(--line);border-radius:10px;padding:18px}.control{display:block;margin-bottom:17px;font-size:12px}.control span{display:flex;justify-content:space-between;gap:8px}.control output{font-weight:bold;color:var(--green)}.control select{width:100%;border:1px solid var(--line);background:white;padding:6px;border-radius:5px;margin-top:8px}.canvas{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{background:#edf3ed;padding:15px 10px;text-align:center;border-radius:7px;font-size:11px}.metric strong{display:block;font-size:23px;color:var(--green);font-variant-numeric:tabular-nums}.explanation{background:#f0f5ed;border-inline-start:3px solid #80ae89;padding:13px 17px;margin:18px 0 0;font-size:12px}.barrow{display:grid;grid-template-columns:100px 1fr 80px;gap:12px;align-items:center;margin:15px 0;font-size:11px}.bartrack{background:#edf1ed;border-radius:5px;height:18px;overflow:hidden}.bartrack i{display:block;height:100%;background:var(--green);transition:width .2s}.taccounts{display:flex;gap:17px;direction:ltr;margin:20px 0}.taccount{flex:1;text-align:center;font-size:12px}.taccount h4{border-bottom:2px solid #315b4a;margin:0;padding:8px}.tsides{display:grid;grid-template-columns:1fr 1fr}.tsides div{padding:10px 5px}.tsides div+div{border-left:2px solid #315b4a}.tsides small{display:block;color:var(--muted)}.quiz{border:1px solid var(--line);padding:19px;border-radius:10px;margin-top:23px;background:white}.quiz h3{font-size:14px;margin:0 0 8px}.answers{display:flex;gap:10px;flex-wrap:wrap}.answer{border:1px solid var(--line);border-radius:6px;padding:7px 15px;background:var(--paper);font-size:12px}.answer.selected{border-color:var(--green);background:var(--mint)}.feedback{font-size:12px;color:var(--green);margin-top:10px}.lessonfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.note{font-size:10px;color:var(--muted)}svg{width:100%;height:auto}svg text{font-family:Tahoma,Arial,sans-serif;font-size:11px}.complete{position:absolute;top:10px;inset-inline-end:10px;background:white;border-radius:50%;height:22px;width:22px;display:grid;place-items:center;font-size:12px}.mobilemenu{display:none}.reset{background:none;border:0;text-decoration:underline;font-size:11px;color:var(--muted)}@media(min-width:1500px){main{margin-inline:auto;padding-inline-start:285px}}@media(max-width:1100px){aside{width:200px;padding:30px 17px}main{margin-inline-start:200px;padding:0 28px}.hero{gap:20px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{display:none;width:230px}body.menu aside{display:flex}main{margin:0;padding:0 20px}header{height:70px}.mobilemenu{display:inline-block;background:none;border:0;font-size:22px}.hero{grid-template-columns:1fr;padding-top:28px}.herovis{display:none}h1{font-size:33px}.feature{grid-template-columns:1fr}.featurevisual{padding:18px 25px}.cards{grid-template-columns:repeat(2,1fr);gap:11px}.cardbody{padding:13px}.cardbody h3{font-size:14px}.cardart{height:95px}.search{width:100%}.pathsteps{grid-template-columns:repeat(2,1fr)}.lab{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.control{margin-bottom:0}.lessonhead,.lessonbody{padding:18px}.metric strong{font-size:18px}.barrow{grid-template-columns:75px 1fr 60px}.breadcrumb{display:none}footer{flex-direction:column}.equation .tile{padding:10px 6px}.tile strong{font-size:18px}.mini b{padding:6px 9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Concept-specific explanatory images */
.cardart{height:155px;padding:9px 16px;background:#eef3e9}.concept-image{display:block;width:100%;height:100%;object-fit:contain;max-width:340px}.lesson-illustration{display:flex;align-items:center;gap:24px;background:#edf3e9;border:1px solid #dce6db;border-radius:12px;margin:18px 0;padding:15px 24px}.lesson-illustration .concept-image{width:240px;height:auto;flex-shrink:0}.lesson-illustration figcaption{font-size:13px;line-height:1.9;color:#466957;max-width:420px}@media(max-width:760px){.cardart{height:135px;padding:8px}.lesson-illustration{gap:12px;padding:12px;flex-direction:column}.lesson-illustration .concept-image{width:210px}.lesson-illustration figcaption{text-align:center;font-size:12px}}

.close{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0}.close svg{display:block;width:14px;height:14px}
.herovis:before{content:none}.herovis .tile{font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.herovis .tile:hover{transform:translateY(-3px);box-shadow:0 7px 0 #cddfc9}.tilehint{display:block;font-size:9px;margin-top:7px;line-height:1.7;opacity:.8}.equation-tabs{margin-bottom:17px}.part-total{display:flex;align-items:center;justify-content:space-between;background:#e2efe3;border-radius:10px;padding:15px 20px;margin:20px 0;font-size:13px}.part-total strong{font-size:25px;color:var(--green)}.equation-types{display:grid;gap:12px;margin-bottom:20px}.equation-type{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.equation-type summary{display:flex;align-items:center;gap:15px;padding:16px 19px;cursor:pointer;font-size:14px;list-style:none}.equation-type summary::-webkit-details-marker{display:none}.equation-type summary strong{margin-inline-start:auto;color:var(--green);white-space:nowrap}.expand-symbol{display:grid;place-items:center;width:23px;height:23px;background:#edf3ed;border-radius:50%;font-size:18px;flex-shrink:0}.equation-type[open] .expand-symbol{transform:rotate(45deg)}.type-body{padding:0 19px 18px;font-size:13px;color:var(--muted)}.type-examples{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin:12px 0}.type-examples div{display:flex;justify-content:space-between;gap:20px;padding:5px 0;color:var(--ink);font-size:12px}.type-more{font-size:12px}.herovis .equation{gap:8px}.herovis .tile{min-width:0}@media(max-width:760px){.herovis{display:block;padding:20px}.hero{gap:24px}.herovis .equation{margin:19px 0}.tilehint{font-size:9px}.herovis .tile small{font-size:10px}.equation-type summary{font-size:12px;padding:14px;gap:10px}.type-body{padding-inline:14px}}@media(max-width:380px){.herovis{padding:14px}.herovis .equation{gap:5px}.herovis .tile{padding:10px 4px}.tilehint{font-size:8px}.herovis .tile strong{font-size:16px}}
.equation-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.equation-inputs label{font-size:10px;color:#52705b}.equation-inputs input,.component-input input{display:block;width:100%;min-width:0;padding:7px 8px;border:1px solid #b9cbbb;border-radius:6px;background:white;color:var(--ink);font-size:14px;direction:ltr;text-align:center;margin-top:5px}.balance.unbalanced{color:#a35035;border-color:#cbab96}.component-input{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 0;color:var(--ink);font-size:12px}.component-input input{width:120px;margin:0;flex-shrink:0}.component-input input:invalid,.equation-inputs input:invalid{border-color:#ba5c43}.herovis .note{font-size:10px;line-height:1.8}@media(max-width:380px){.equation-inputs{gap:5px}.equation-inputs input{font-size:12px;padding:6px 3px}.component-input input{width:95px}}

.expand-symbol{padding:0;line-height:1}.expand-symbol svg{display:block;width:14px;height:14px}.equation>b{display:flex;align-items:center;justify-content:center;flex:0 0 16px;line-height:1;margin:0;padding:0;align-self:center}
html[lang="ar"] .equation{direction:rtl}html[lang="en"] .equation{direction:ltr}

.formula-ar{direction:rtl;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.formula-en{direction:ltr;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.formula-ar+.formula-en{border-top:1px solid #ccdcca;margin-top:9px;padding-top:9px;color:#52705b}
.hero>*{min-width:0}.herovis .equation{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:6px}.herovis .equation .tile{width:100%;padding:14px 5px;min-width:0}.herovis .equation .tile strong{font-size:clamp(13px,1.6vw,21px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.herovis .equation>b{width:14px;font-size:18px}.herovis .tile small{line-height:1.6;min-height:32px;display:flex;align-items:center;justify-content:center}.tilehint{font-size:9px}.nature-guide{margin-top:23px;border:1px solid var(--line);border-radius:10px;padding:20px;background:white}.nature-guide h3{font-size:16px;margin:0 0 8px}.nature-guide>p{font-size:12px;color:var(--muted)}.nature-table-wrap{overflow-x:auto;margin-top:15px}.nature-table{width:100%;border-collapse:collapse;font-size:12px;text-align:start;min-width:490px}.nature-table th,.nature-table td{text-align:start;padding:12px 10px;border-bottom:1px solid var(--line)}.nature-table thead{background:#edf3ed}.nature-table small{display:block;font-size:10px;font-weight:normal;color:var(--muted);margin-top:4px}.nature-badge{display:inline-block;padding:3px 8px;border-radius:5px;white-space:nowrap}.nature-badge.debit{background:#e2eee1;color:#36684b}.nature-badge.credit{background:#e7edf6;color:#4f6d94}.entry-nature{display:grid;gap:6px;margin:12px 0;padding:10px 13px;background:#f2f5ee;border-radius:7px;font-size:11px}.entry-nature p{margin:0}@media(max-width:760px){.herovis .equation .tile strong{font-size:16px}.herovis .equation .tile{padding:13px 4px}.nature-guide{padding:14px}}@media(max-width:380px){.herovis .equation{gap:4px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.herovis .equation .tile strong{font-size:13px}.herovis .equation>b{font-size:15px;width:12px}}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:1fr}.herovis .equation .tile strong{font-size:21px}.herovis .tile small{min-height:24px}}
.card{display:flex;flex-direction:column;align-items:stretch}.cardart{flex:0 0 155px;width:100%;margin:0}.cardbody{flex:1;display:flex;flex-direction:column}.cardbottom{margin-top:auto;padding-top:17px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-close,.menu-backdrop{display:none}.nature-rule{margin-bottom:16px}@media(max-width:760px){.sidebar-close{display:grid}.menu-backdrop{position:fixed;inset:0;width:100%;height:100%;border:0;background:#0b2a2580;z-index:4}.menu .menu-backdrop{display:block}.menu #sidebar{z-index:5;overflow-y:auto}.menu{overflow:hidden}.cardart{flex-basis:135px}.sidebar-heading .brand{font-size:28px}}
/* Independent visual-lab edition */
:root{--ink:#203e43;--muted:#6a8082;--green:#237d72;--mint:#dceee6;--paper:#f7f8f4;--line:#dfe7e1}body{font-family:Tahoma,Arial,sans-serif}aside{background:#193b41;padding:31px 23px;width:238px}.navbtn.active{background:#34565a}.navbtn:hover{background:#2b5055}.sidebarfoot{color:#b1c9c6;border-color:#426468}.navtitle{color:#a1c2be;letter-spacing:.6px}main{padding:0 42px;margin-inline-start:238px}header{height:82px}.header-note{color:#78908d;font-size:10px;letter-spacing:.6px}.lang{border-radius:20px;padding:6px 18px}.hero{padding:40px 0 35px;gap:32px;grid-template-columns:minmax(0,1.12fr) minmax(340px,1fr)}h1{font-size:clamp(34px,3.5vw,51px);line-height:1.48;margin-top:14px;letter-spacing:-1.6px}.hero p{font-size:14px;line-height:2}.eyebrow{font-size:10px;letter-spacing:1px}.hero-facts{display:flex;gap:26px;margin-top:27px;padding-top:20px;border-top:1px solid var(--line);max-width:430px}.hero-facts span{display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.hero-facts b{font-size:23px;line-height:1.5;color:var(--ink);font-weight:500}.btn{border-radius:8px;font-size:13px;padding:11px 19px}.herovis{padding:26px;background:#eaf0e8;border-radius:16px;border-color:#d6e3d8;box-shadow:0 14px 35px #1b494209}.herovis .vislabel{font-size:11px}.herovis .tile{border-radius:10px}.herovis .equation .tile strong{font-size:clamp(16px,1.65vw,23px)}.herovis .equation .tile{padding:16px 6px}.herovis .equation{margin:23px 0 17px}.equation-inputs label{font-size:10px}.herovis .balance{padding-top:12px;font-size:11px}.herovis .note{font-size:9px;line-height:1.8;margin-bottom:7px}.herovis .reset{font-size:10px}.section-kicker{color:#738a83;font-size:10px;letter-spacing:1px;display:block;margin-bottom:7px}.learning-paths{padding:26px 0 30px;border-top:1px solid var(--line);margin-bottom:8px}.learning-paths h2{font-size:22px}.path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.path-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 21px;position:relative}.path-number{font-size:11px;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;background:#e3eee6;color:#3a7465}.path-card:nth-child(2) .path-number{background:#e7edf4;color:#5e7f9c}.path-card:nth-child(3) .path-number{background:#f5eddd;color:#94783e}.path-card h3{font-size:16px;margin:14px 0 5px}.path-card p{font-size:11px;color:var(--muted);min-height:39px}.path-progress{height:3px;background:#e7eee8;border-radius:3px;margin:18px 0 10px;overflow:hidden}.path-progress span{display:block;height:100%;background:var(--green)}.path-summary{display:flex;justify-content:space-between;align-items:center}.path-summary small{font-size:10px;color:var(--muted)}.path-start{background:none;border:0;font-size:11px;color:var(--green);padding:0;font-weight:bold}.path-card details{border-top:1px solid var(--line);margin-top:17px;padding-top:10px;font-size:10px;color:var(--muted)}.path-card summary{cursor:pointer}.path-card ol{margin:10px 0 0;padding-inline-start:20px}.path-card li{margin:5px 0}.path-card li button{background:none;border:0;font-size:11px;text-align:start;color:var(--ink)}.quick-experiment>.sectionhead{display:none}.feature{margin:4px 0 35px;grid-template-columns:1fr 1.2fr;background:#fcfdfa;border-radius:12px}.featuretext{padding:23px 25px}.featuretext h2{font-size:19px}.featuretext .btn{font-size:11px;padding:8px 14px}.featurevisual{background:#eaf1e7;align-content:center}.featuretext p{font-size:11px}.librarytools{display:grid;grid-template-columns:1fr 240px;gap:13px;align-items:start;margin-bottom:22px}.librarytools .tabs{grid-column:1 / -1;gap:6px}.librarytools .search{grid-column:2;grid-row:2;width:100%}.scope-filters{grid-column:1;grid-row:2;display:flex;gap:7px;flex-wrap:wrap}.scope-btn{font-size:11px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:7px 13px}.scope-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.tab{font-size:11px;padding:8px 12px;border:1px solid var(--line);background:white}.tab.active{background:#deeee6;border-color:#b7d2c4;color:#265e4d}.cards{gap:19px}.card{box-shadow:0 2px 0 #1d4c3c03}.card:hover{box-shadow:0 10px 26px #203e430d;transform:translateY(-3px);border-color:#b8cfc5}.cardart{flex-basis:147px;height:147px;padding:16px;background:#edf3e9!important;border-bottom:1px solid #e6ece5}.cardart[data-topic="cycle"]{background:#ebf0f3!important}.cardart[data-topic="statements"]{background:#eaf2ed!important}.cardart[data-topic="assets"]{background:#f3efe4!important}.cardart[data-topic="costs"]{background:#edf0f6!important}.cardart[data-topic="analysis"]{background:#f4ede7!important}.cardbody{padding:18px 19px}.card-labels{display:flex;align-items:center;justify-content:space-between;gap:5px}.card-labels small{font-size:9px;color:#7d8e87}.cardbody h3{font-size:15px;line-height:1.8;margin:10px 0 6px}.cardbody p{font-size:11px;line-height:1.9;min-height:0}.cardbottom{font-size:9px;gap:8px;border-top:1px solid #edf0eb;padding-top:12px;margin-top:auto}.card-open{color:var(--green);white-space:nowrap;font-size:10px}.new-tag{position:absolute;top:11px;inset-inline-start:12px;background:#fff9ed;color:#947437;border:1px solid #eadbc0;font-size:9px;padding:2px 7px;border-radius:4px}.complete{background:#237d72;color:white}.footer-brand strong{font-size:22px;color:var(--ink)}footer{margin-top:45px;align-items:center;padding:26px 0;font-size:10px}footer p{font-size:10px;margin:5px 0}.text-link{padding:0;border:0;background:none;color:var(--green);font-size:11px;text-decoration:underline}.source-links{display:grid;gap:10px;margin-top:24px}#sourcesDialog{max-width:680px}dialog{width:min(1060px,96vw);border:1px solid #d9e2da}.lessonbody{padding:25px 30px}.lesson-stages{display:flex;gap:21px;margin-bottom:16px;color:#78918a;font-size:10px}.lesson-illustration{padding:9px 20px;margin:16px 0}.lesson-illustration .concept-image{width:185px;max-height:90px}.lesson-illustration figcaption{font-size:11px;line-height:1.9;max-width:650px}.formula{margin:18px 0;background:#e9f1e7}.lab{grid-template-columns:250px minmax(0,1fr)}.lab-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.lab-section-title h3{font-size:16px;margin:0}.lab-section-title span{font-size:10px;color:var(--muted)}.control span{align-items:center;gap:10px}.control-number{width:88px;flex-shrink:0;border:1px solid #cfddd2;border-radius:5px;text-align:center;padding:5px 4px;background:#fafcf8;color:var(--green);font-size:12px;direction:ltr}.control-number:invalid{border-color:#bb7967}.control{font-size:11px}.canvas{padding:21px;overflow:hidden}.metric{font-size:10px}.metric strong{font-size:21px}.data-wrap{overflow-x:auto;margin:17px 0}.data-table{width:100%;border-collapse:collapse;text-align:start;font-size:11px}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #e4ece5;text-align:start}.data-table thead th{background:#f0f4ed;color:#698079;font-weight:normal}.data-table tbody th{font-weight:normal}.data-table td{font-variant-numeric:tabular-nums;white-space:nowrap}.data-table tr:last-child td,.data-table tr:last-child th{font-weight:bold}.month-timeline{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:24px 0 8px;direction:ltr}.month-timeline span{text-align:center;background:#eef1e9;color:#82928a;padding:9px 0;border-radius:4px;font-size:10px}.month-timeline .earned{background:var(--green);color:white}.chart-caption{font-size:10px;color:var(--muted);margin:9px 0 17px;text-align:center}.cycle-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cycle-step{border:1px solid var(--line);border-radius:7px;background:#f7f9f4;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.cycle-step b{font-size:12px}.cycle-step.active{background:#e1eee4;border-color:#80ad98;color:#286952}.stage-explain{padding:18px 0 5px}.stage-explain h3{font-size:16px;margin:8px 0}.stage-explain p{font-size:12px;color:var(--muted)}.receipt-demo{background:#f7f6ed;padding:20px;border:1px dashed #c7d0be;display:flex;justify-content:space-between;align-items:center;font-size:12px}.receipt-demo strong{font-size:22px;color:var(--green)}.recon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recon-panel h3{font-size:14px;margin:0}.recon-panel .data-table{font-size:10px}.result-status{padding:12px;border-radius:6px;margin-top:15px;font-size:12px}.result-status.good{background:#e6f2e8;color:#3a7550}.result-status.warn{background:#fbefe2;color:#97633a}.statement-grid{display:grid;grid-template-columns:1fr;gap:12px}.statement-panel{border:1px solid #dce5db;border-radius:8px;padding:15px;background:#fbfcf8}.statement-panel>span{float:inline-end;font-size:11px;color:#799389}.statement-panel h3{margin:0 0 10px;font-size:14px}.statement-panel p{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:11px;color:var(--muted)}.statement-panel .statement-total{border-top:1px solid var(--line);padding-top:9px;color:var(--ink)}.waterfall{margin:24px 0}.waterfall-row{display:grid;grid-template-columns:110px minmax(0,1fr) 75px;gap:10px;align-items:center;font-size:10px;margin:13px 0}.waterfall-row>div{height:19px;background:#f1f4ed;border-radius:3px;overflow:hidden}.waterfall-row i{display:block;height:100%;min-width:2px;border-radius:3px}.allocation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.allocation-grid>div{border:1px solid #dfe7db;border-radius:7px;padding:15px;background:#f0f5ec;display:flex;flex-direction:column;text-align:center;gap:7px;font-size:11px}.allocation-grid strong{direction:ltr;font-size:19px}.allocation-grid small{font-size:10px;color:var(--muted)}.cash-timeline{display:flex;direction:ltr;overflow-x:auto;gap:8px;align-items:end;padding:25px 0 8px;border-bottom:1px solid var(--line)}.cash-year{flex:1;min-width:46px;text-align:center;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:6px}.cash-year>b{font-size:9px;font-weight:normal}.cash-year.initial{align-self:start;color:#aa735f}.cash-column{width:22px;background:#499286;border-radius:4px 4px 0 0}.lesson-reference{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:10px;color:var(--muted)}.lesson-navigation{display:flex;gap:8px;margin-inline-start:auto}.lesson-navigation button{border:1px solid var(--line);background:white;border-radius:5px;padding:6px 12px;font-size:11px;color:var(--ink)}button:disabled{cursor:default;opacity:.4}.taccounts{gap:14px}.taccount{min-width:0}.empty{background:#fff;border:1px dashed #cbd8cb;border-radius:12px}.empty h3{font-size:17px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #2a8b7c;outline-offset:3px}
@media(min-width:1500px){main{padding-inline-start:280px;margin-inline:auto}}@media(max-width:1200px){.hero{grid-template-columns:1fr}.hero-facts{max-width:100%}.herovis{max-width:none}.herovis .equation .tile strong{font-size:24px}.herovis .tile small{min-height:24px}.path-cards{gap:11px}.path-card{padding:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){aside{width:210px;padding:28px 17px}main{margin-inline-start:210px;padding:0 25px}.path-cards{grid-template-columns:1fr}.path-card{display:block;padding:18px 22px}.path-card p{min-height:0}.path-card h3{margin:10px 0 3px}.path-number{float:inline-end}.lab{grid-template-columns:220px minmax(0,1fr)}.recon-grid{grid-template-columns:1fr}.librarytools{grid-template-columns:1fr}.librarytools .search{grid-row:3;grid-column:1}.scope-filters{grid-row:2}.feature{grid-template-columns:1fr}.featurevisual{padding:20px 25px}.cardbody h3{font-size:14px}}
@media(max-width:760px){main{margin:0;padding:0 20px}aside{width:245px;padding:26px 21px}header{height:69px}.header-note{font-size:9px}.hero{padding:30px 0 25px;gap:25px}.hero h1{font-size:37px;letter-spacing:-1px}.hero p{font-size:13px}.hero-facts{margin-top:23px;gap:35px}.hero-facts b{font-size:22px}.herovis{display:block;padding:23px}.herovis .equation .tile strong{font-size:19px}.learning-paths{padding-top:24px}.learning-paths h2{font-size:20px}.cards{gap:13px}.cardart{flex-basis:126px;height:126px;padding:8px}.cardbody{padding:14px}.card-labels{align-items:start;flex-direction:column;gap:3px}.cardbottom>span:first-child{font-size:8px}.cardbody h3{font-size:14px}.cardbody p{font-size:10px}.cardbottom{flex-wrap:wrap}.new-tag{top:8px;inset-inline-start:8px;font-size:8px}.lab{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:18px}.control span{align-items:start;flex-direction:column;gap:6px}.control-number{width:100%}.control select{font-size:11px}.lessonbody{padding:20px 17px}.lessonhead h2{font-size:19px}.lesson-illustration{padding:12px;gap:8px;flex-direction:row}.lesson-illustration .concept-image{width:115px;flex-shrink:0}.lesson-illustration figcaption{font-size:10px;text-align:start}.lab-section-title{align-items:start;flex-direction:column;gap:4px}.lab-section-title h3{font-size:15px}.canvas{padding:15px}.metric strong{font-size:18px}.waterfall-row{grid-template-columns:90px minmax(0,1fr) 62px;font-size:9px}.recon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recon-panel .data-table td,.recon-panel .data-table th{padding:8px 4px}.lesson-reference{flex-wrap:wrap}footer{align-items:start;gap:18px}.nature-table{min-width:450px}.nature-guide{padding:14px}.lesson-stages{gap:15px}.data-table{font-size:10px}}
@media(max-width:400px){main{padding:0 15px}.cards{grid-template-columns:1fr}.card-labels{flex-direction:row}.cardart{height:145px;flex-basis:145px}.cardbody h3{font-size:16px}.cardbody p{font-size:11px}.cardbottom>span:first-child{font-size:10px}.hero h1{font-size:33px}.hero-facts{gap:23px}.herovis{padding:15px}.herovis .equation .tile strong{font-size:15px}.herovis .equation{gap:4px}.herovis .equation .tile{padding:14px 4px}.recon-grid{grid-template-columns:1fr}.lesson-illustration{flex-direction:column}.lesson-illustration .concept-image{width:180px}.lesson-illustration figcaption{text-align:center}.controls{gap:14px}.metric strong{font-size:16px}.metric{font-size:9px}.cycle-steps{grid-template-columns:repeat(2,1fr)}}
