.sidebar-component{border-right:1px solid #d1d1d1;padding:20px;font-size:1.6rem}.lesson-link{color:#000;padding:8px 0;text-decoration:none;display:block}.lesson-link:hover{color:#6060ff}.lesson-group{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;width:100%;padding:8px 0;font-size:1.6rem;display:flex}.lesson-group:hover{color:#6060ff}.concept-lessons{border-left:2px solid #e0e0e0;margin-left:5px;padding-left:20px}.nested{padding-left:10px}.active{color:#6060ff}.lesson-link.active,.lesson-group.active{background-color:#6060ff00;border-radius:4px}
.adspace{text-align:center;padding:20px}
.content-area{padding:40px}.content-area p{margin-bottom:15px;line-height:1.6}.lesson-title{font-size:3.5rem}
.content{font-size:16px;line-height:1.7}.content h1{margin-bottom:20px;font-size:2rem}.content h2{border-bottom:1px solid #222;margin-top:40px;margin-bottom:15px;padding-bottom:5px;font-size:1.6rem}.content h3{margin-top:30px;margin-bottom:10px;font-size:1.3rem}.content h4{margin-top:20px;margin-bottom:8px;font-size:1.1rem}.content h5{color:#000;margin-top:20px;margin-bottom:8px;font-size:2.5rem;font-weight:400}.content p{max-width:800px;margin-bottom:15px}.content ul,.content ol{margin:15px 0 15px 30px}.content li{margin-bottom:8px}.content a{color:#00bfff;text-decoration:none}.content a:hover{text-decoration:underline}.content blockquote{color:#ccc;border-left:4px solid #00bfff;margin:20px 0;padding-left:15px;font-style:italic}.content code{color:#0f9;background:#111;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.95em}.code-block{background:#111;border-radius:8px;margin:20px 0;padding:15px;overflow-x:auto}.code-block code{background:0 0;padding:0;font-size:15px}.lesson-image{border-radius:8px;max-width:100%;margin:25px 0;display:block}.content table{border-collapse:collapse;width:100%;margin:20px 0}.content th,.content td{border:1px solid #222;padding:10px}.content th{background:#111}
