*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#101816;color:#e7eee9;font:16px/1.7 system-ui,sans-serif}a{color:#b9eb83;text-underline-offset:4px}header,main,footer{max-width:1240px;margin:auto;padding:28px 48px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33423a}.brand{color:#edfae9;text-decoration:none;font-size:25px;font-weight:800}.brand span{display:block;font:10px/1.5 monospace;letter-spacing:2px;color:#96a79c}nav{display:flex;gap:28px}nav a{color:#c1cfc4;text-decoration:none;font-size:14px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center;padding:70px 0}.eyebrow{color:#b9eb83;font:12px monospace;letter-spacing:2px}h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:#b9eb83}h2{font-size:34px;line-height:1.25;letter-spacing:-1px}.intro{max-width:550px;color:#b5c4ba;font-size:18px}.button,button{background:#b9eb83;color:#152015;border:0;padding:12px 20px;border-radius:5px;cursor:pointer;font:600 14px system-ui}.button{display:inline-block;text-decoration:none}.textlink{margin-left:20px}.small{font-size:12px;color:#9bad9f;margin-top:24px}.terminal{border:1px solid #52664c;background:#19231d;border-radius:10px;transform:rotate(1deg);box-shadow:15px 20px 0 #0c120e;font-family:monospace}.terminaltop{padding:15px 20px;border-bottom:1px solid #3c4b3b;color:#b9eb83;font-size:12px}.terminaltop span{float:right;color:#a1afa4}.terminal p{padding:10px 28px;line-height:1.8}.terminal b{color:#b9eb83;margin-right:12px}.terminal p span{color:#98ab9c;font-size:12px;margin-left:32px}.terminalfoot{padding:20px;background:#0c140e;color:#b9eb83;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #33423a;padding:26px 0;gap:20px;color:#a8baac;font-size:13px}.metrics strong{display:block;font-size:30px;color:#f0f7ec}section{padding:60px 0;border-bottom:1px solid #33423a}section>p{max-width:850px;color:#b6c5bb}.controls{display:flex;gap:20px;margin:30px 0}label{font-size:13px;color:#bdccbf;flex:1}input,select{display:block;width:100%;margin-top:7px;padding:13px;background:#1b2820;border:1px solid #52634f;border-radius:5px;color:#f0f7ec;font:16px system-ui}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{display:block;text-align:left;padding:22px;background:#1a251f;color:#eef5eb;border:1px solid #3a4d3d;border-radius:6px;text-decoration:none}.card:hover{border-color:#b9eb83;background:#233327}.card span{display:block;font:12px monospace;color:#b9eb83}.card h3{font-size:18px;margin:12px 0}.card small{color:#a6b7aa}.progress{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px}.progress button{background:transparent;color:#b9eb83;border:1px solid #52634f;padding:7px 12px}#reader{background:#e9efdf;color:#17271b;padding:36px;border-radius:8px;margin-top:30px}#reader h2{margin-top:10px}#reader a{color:#315d22}#reader button{margin:10px 12px 10px 0;border:1px solid #557544}details{padding:15px 0}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere}code{background:#263b2b;color:#d9f2c4;padding:3px 6px;border-radius:3px}.tools .card{font-weight:400}.notice{background:#1b2b20;padding:32px;margin-top:40px;border:1px solid #53704d;border-radius:8px}li{margin:10px 0}footer{display:flex;justify-content:space-between;color:#9aac9f;font-size:13px}:focus-visible{outline:3px solid #8fcfff;outline-offset:4px}.reading{background:#e9efdf;color:#17271b}.reading main{max-width:900px}.reading a{color:#315d22}.reading article{padding:25px 0;border-bottom:1px solid #9baa98}@media(max-width:800px){header,main,footer{padding:22px}header,footer{display:block}nav{flex-wrap:wrap;gap:14px;margin-top:18px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.terminal{transform:none}.grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.controls{flex-direction:column}h2{font-size:28px}#reader{padding:24px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.textlink{display:block;margin:18px 0}.terminaltop span{float:none;display:block}.progress{gap:12px}}@media print{header,footer,.controls,button{display:none}body{background:white;color:black}.reading article{break-inside:avoid}a{color:black}}
[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-90px;background:#b9eb83;color:#14231b;padding:12px;z-index:9}.skip:focus{top:8px}.module{margin:32px 0}.module>h3{font-size:19px;color:#eef4e9}.module>h3 span{font:12px monospace;color:#a6b7aa;margin-left:12px}.lesson{max-width:850px;margin:auto;padding:36px 0}.lesson-title{font-size:clamp(32px,4vw,49px);letter-spacing:-1px}.lesson h2{font-size:24px;margin-top:38px}.lesson p,.lesson li{color:#c3d0c5}.lesson .meta{font-size:13px;color:#a7bd9e}.editorial{padding:18px;border-left:3px solid #b9eb83;background:#1d2a21}.expected{background:#253920;padding:18px;border:1px solid #56734c}.lesson-nav{display:flex;justify-content:space-between;gap:25px;margin:35px 0;flex-wrap:wrap}.completion{margin:30px 0}.completion span{display:block;font-size:13px;margin-top:10px}.flow{display:flex;align-items:center;justify-content:center;gap:30px;padding:25px;background:#1a251f;border:1px solid #3a4d3d;border-radius:6px}.flow div{flex:1;text-align:center}.flow small{display:block;color:#abbdac}.flow>span{font-size:40px;color:#b9eb83}.tool-guide{padding:28px 0;border-bottom:1px solid #3a4d3d}.tool-guide h3{margin-top:26px}table{border-collapse:collapse;width:100%;margin:25px 0}th,td{text-align:left;padding:12px;border:1px solid #4c614d;vertical-align:top}.toc{columns:2;column-gap:35px}.toc a{display:block;margin:8px 0}.book article{border-bottom:1px solid #4c614d}.book .lesson{max-width:none}.book .lesson-title{font-size:34px}code,pre{overflow-wrap:anywhere}.tool-toc{columns:3}.guide h1{font-size:42px}.guide{max-width:900px;margin:auto}.guide h2{margin-top:45px}.guide p{color:#c3d0c5}@media(max-width:600px){.toc,.tool-toc{columns:1}.flow{flex-direction:column;gap:12px}.flow>span{font-size:25px}.guide h1{font-size:34px}.module>h3 span{display:block;margin:6px 0}table{font-size:13px}th,td{padding:7px}}@media print{.lesson p,.lesson li,.guide p{color:black}.book article{break-inside:auto}.book h1{break-before:page}.editorial,.expected{background:white;color:black}.skip,.completion,.lesson-nav{display:none}}
.donation{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:start;margin-top:35px;padding:35px;background:#1a2b20;border:1px solid #4c6845;border-radius:10px}.donation h2{font-size:28px;margin:12px 0 18px}.donation p{color:#bdcfbe}.donation .eyebrow{color:#b9eb83}.donation-merchant{font-size:14px}.donation-qr{background:#101b14;border:1px solid #4c6845;border-radius:7px;padding:0}.donation-qr>summary{padding:18px;color:#d5efbe}.qr-content{padding:0 18px 20px}.qris-image{display:block;width:100%;max-width:360px;height:auto;background:white;border-radius:4px;margin:0 auto 16px}.qr-content p{font-size:13px;line-height:1.7}.qr-content a{display:block;font-size:14px;margin:12px 0}.qr-content .small{color:#9cb39f;font-size:12px}.book .donation h1{break-before:auto}@media(max-width:700px){.donation{grid-template-columns:1fr;padding:24px;gap:14px}.donation h2{font-size:25px}}@media print{.donation{display:none}}
/* Mobile and learner resources, revision 3 */
html{scroll-padding-top:140px}body{overflow-wrap:break-word}header,main,footer,section,article,.grid,.controls,.donation>div{min-width:0}a,button,summary,input,select{-webkit-tap-highlight-color:transparent}button,summary,.button{min-height:44px}a{overflow-wrap:anywhere}.lesson p,.lesson li,.guide p{line-height:1.85}.lesson h2{scroll-margin-top:140px}.lesson-toc{background:#1a2a20;border:1px solid #476044;border-radius:8px;padding:0 18px;margin:24px 0}.lesson-toc summary{padding:12px 0}.lesson-toc nav{display:grid;gap:5px;padding-bottom:14px}.lesson-toc a{padding:4px 0;font-size:14px}.table-scroll{overflow-x:auto;max-width:100%;margin:20px 0}.table-scroll table{min-width:500px;margin:0}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.download-grid h2{font-size:20px;margin:0}.download-grid p{font-size:14px}.glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.glossary article{padding:20px;background:#1a251f;border:1px solid #3c513e;border-radius:7px}.glossary h2{font-size:20px;margin:0}.glossary p{font-size:15px;margin-bottom:0}.faq{border-bottom:1px solid #40533f;padding:12px 0}.faq summary{display:flex;align-items:center}.faq p{padding-left:12px}.progress-actions{display:flex;gap:14px;flex-wrap:wrap}.import-label{border:1px solid #6b8a5e;padding:10px 14px;border-radius:5px;min-width:180px}.import-label input{font-size:13px;max-width:100%}.resume{margin:20px 0;padding:20px;border:1px solid #57744d;border-radius:8px;background:#1e3023}.resume p{margin-top:0}.back-top{display:inline-block;padding:12px 0;font-size:14px}.mobile-menu{display:none}.tool-guide,.donation{scroll-margin-top:145px}pre{background:#17261c;border:1px solid #3d543c;border-radius:6px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace}.snippet{padding:16px 0}.book pre{break-inside:avoid}.lesson-nav a{display:block;flex:1;border:1px solid #4f6848;border-radius:6px;padding:14px;min-width:180px;font-size:14px}#transfer-status{min-height:28px}.donation{margin-bottom:20px}
@media(max-width:700px){header{position:sticky;top:0;z-index:20;background:#101816f5;backdrop-filter:blur(12px);padding:12px 18px;border-bottom:1px solid #486042;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.brand{font-size:23px}.brand span{font-size:9px}.mobile-menu{display:block;margin-left:auto;background:transparent;color:#dbefce;border:1px solid #608052;padding:8px 14px}.site-nav{display:none;flex:0 0 100%;margin:0;padding:7px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.site-nav.is-open{display:grid}.site-nav a{display:flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:5px;background:#1a2a20;font-size:14px}.site-nav a:last-child{grid-column:1/-1}main{padding:18px}.hero{padding:28px 0;gap:24px}h1{font-size:38px;letter-spacing:-1.5px}.hero .intro{font-size:17px}.hero .button{display:block;text-align:center}.hero .textlink{display:block;margin:16px 0;text-align:center}.terminal{box-shadow:6px 8px 0 #0c120e}.terminal p{padding:5px 18px}.terminaltop{padding:12px 15px}.terminalfoot{white-space:normal}.metrics{gap:14px;padding:18px 0}.metrics strong{font-size:28px}section{padding:34px 0}.notice{padding:22px;margin-top:25px}.controls{gap:12px;margin:22px 0}.controls label{font-size:14px}input,select{min-height:46px;font-size:16px}.progress{align-items:flex-start;flex-wrap:wrap}.progress button{min-height:44px}.grid{grid-template-columns:1fr}.card{padding:19px}.card h3{font-size:18px;margin:10px 0}.lesson{padding:16px 0}.lesson-title{font-size:33px;line-height:1.2}.lesson h2{font-size:23px;margin-top:30px}.lesson ol{padding-left:23px}.lesson li{padding-left:3px;margin:16px 0}.editorial,.expected{padding:15px}.lesson-nav{gap:10px}.lesson-nav a{flex:0 0 100%}.completion button{width:100%}.toc,.tool-toc{columns:1}.download-grid,.glossary{grid-template-columns:1fr}.guide h1{font-size:34px}.table-scroll{border:1px solid #476044;border-radius:6px}.donation{padding:22px;margin-top:25px}.qr-content{padding:0 12px 16px}.donation-qr summary{padding:15px 12px}.qr-content a{min-height:44px;display:flex;align-items:center}.donation h2{font-size:25px}.flow{padding:20px}.progress-actions{display:grid}.import-label{min-width:0}footer{padding:24px 18px}footer p{font-size:12px}pre{font-size:13px;padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{header,.lesson-toc,.back-top,.resume,.progress-actions,.mobile-menu{display:none}.table-scroll{overflow:visible}.glossary,.download-grid{display:block}pre{background:white;color:black}.glossary article{background:white;color:black}.glossary p{color:black}}

@media(min-width:701px) and (max-width:1100px){header{display:block}.site-nav{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:16px}}

/* Donation-first presentation */
main>.donation:first-child{margin-top:16px;margin-bottom:40px;border-color:#759d57;background:linear-gradient(135deg,#263d25,#16271d);box-shadow:0 12px 35px #0002}.donation-skip{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #779766;border-radius:6px;text-decoration:none;margin:10px 0;color:#e8f5df;background:#102016}.content-start{display:block;scroll-margin-top:140px}.donation .eyebrow{line-height:1.8}.donation-qr summary{background:#b9eb83;color:#172711;border-radius:6px;font-weight:750}.donation-qr[open] summary{border-radius:6px 6px 0 0}.qr-content{padding-top:18px}@media(max-width:700px){main>.donation:first-child{margin-top:5px;margin-bottom:28px}.donation-skip{width:100%;justify-content:center}.donation .eyebrow{font-size:10px;letter-spacing:1.5px}.donation h2{font-size:30px;line-height:1.2}}

.everyday,.word-box{padding:20px;margin:24px 0;border-radius:8px;border:1px solid #4d6a45;background:#1d3022}.everyday h3,.word-box h3{margin:0 0 12px;color:#d8efc6;font-size:19px}.everyday p{margin:0}.word-box dl{margin:0}.word-box dt{font-weight:700;color:#c0e79f;margin-top:12px}.word-box dd{margin:4px 0 10px;color:#c3d0c5}.extra-notes{padding:14px 0;border-bottom:1px solid #40533d}.extra-notes summary{color:#b7cea8;font-size:14px}@media(max-width:700px){.everyday,.word-box{padding:17px}.lesson p,.lesson li{font-size:16px;line-height:1.9}.lesson li{margin:20px 0}}@media print{.everyday,.word-box{background:white;color:black}.word-box dd,.word-box dt,.everyday h3,.word-box h3{color:black}}
