*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;padding:30px 20px;display:flex;justify-content:center;align-items:center;min-height:100vh;}.outer-frame{max-width:1200px;width:100%;background:#ffffff;border:6px solid #f9d56e;border-radius:40px 40px 30px 30px;box-shadow:0 20px 40px rgba(0,0,0,0.08),0 8px 16px rgba(249,213,110,0.3);padding:18px;transition:all 0.2s;}.inner-frame{background:#fffcf0;border:4px solid #ffb347;border-radius:28px 28px 20px 20px;padding:40px 45px 30px 45px;box-shadow:inset 0 0 0 2px #ffe9b0;}.header{border-bottom:3px dashed #f7b731;padding-bottom:20px;margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}.header h1{font-size:2.8rem;font-weight:700;color:#c97b2d;letter-spacing:2px;text-shadow:2px 2px 0 #fde6b6;display:inline-block;background:linear-gradient(145deg,#fbd68d,#fce4b8);padding:0 20px 0 10px;border-radius:60px 12px 12px 60px;line-height:1.4;}.header .sub{font-size:1.2rem;background:#f7e1b3;padding:8px 22px;border-radius:40px;color:#6b4a1e;font-weight:600;box-shadow:0 2px 0 #dba551;}.lesson-badge{background:#ff9f43;color:white;padding:6px 18px;border-radius:60px;font-weight:600;font-size:1rem;display:inline-block;margin-top:8px;}.section-title{font-size:1.9rem;font-weight:700;color:#b9631c;border-left:18px solid #f9c74f;padding-left:18px;margin:35px 0 20px 0;background:linear-gradient(to right,#fff3d6,transparent);}.section-title small{font-size:1rem;font-weight:400;color:#7a5a2e;margin-left:12px;}.highlight-box{background:#fef5e0;border-radius:30px;padding:20px 28px;border:2px solid #f7d98c;margin:20px 0;box-shadow:0 4px 0 #eac475;}p{font-size:1.1rem;line-height:1.7;color:#3f2e1a;margin-bottom:18px;}ul,ol{margin:15px 0 20px 30px;font-size:1.05rem;color:#3f2e1a;}li{margin-bottom:8px;}strong{color:#b85b1a;}.table-wrap{overflow-x:auto;margin:25px 0;border-radius:24px;background:#fff9ea;border:2px solid #fad48b;}table{width:100%;border-collapse:collapse;font-size:1rem;background:#fffcf0;}th{background:#fbd07c;color:#3f2a0f;font-weight:700;padding:14px 16px;text-align:left;border-bottom:3px solid #f5b84d;}td{padding:14px 16px;border-bottom:1px solid #f7dbaa;color:#2f1f0c;}tr:last-child td{border-bottom:none;}tr:hover td{background:#fff5dd;}.svg-container{background:#fffcf0;border-radius:32px;padding:20px 10px 10px 10px;margin:30px 0;border:2px solid #f7c46e;box-shadow:0 6px 0 #eeb75b;text-align:center;}.svg-container svg{max-width:100%;height:auto;}.svg-caption{font-weight:600;color:#7a561f;margin-top:6px;font-size:0.95rem;}pre{background:#2d2416;color:#fbe9c3;padding:20px 24px;border-radius:28px;font-size:0.95rem;line-height:1.6;overflow-x:auto;border:3px solid #f7b731;box-shadow:inset 0 0 0 2px #4d3a22;margin:20px 0;font-family:'JetBrains Mono','Fira Code','Cascadia Code',monospace;white-space:pre-wrap;word-break:break-word;}pre span{color:#fadf9e;}.code-tag{background:#f7e1b3;color:#3f2a0f;padding:2px 12px;border-radius:30px;font-size:0.8rem;font-weight:600;}.footer{margin-top:50px;padding-top:20px;border-top:4px double #f7b731;text-align:center;font-size:1.3rem;font-weight:700;color:#b9631c;letter-spacing:4px;background:#fff6e0;border-radius:60px;padding:14px 10px;box-shadow:0 -2px 0 #fbd48b;}.footer span{background:#fbd07c;padding:6px 30px;border-radius:60px;display:inline-block;}@media (max-width:700px){.inner-frame{padding:20px 18px;}.header h1{font-size:2rem;}.section-title{font-size:1.5rem;}}