.theory-page{max-width:950px}.theory-meta{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;color:#8e87a2;font-size:12px}.theory-meta span{display:flex;align-items:center;gap:7px}.theory-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}.theory-toc a{padding:13px 15px;border:1px solid #e8e3f2;background:white;border-radius:12px;color:#716882;font-size:12px}.theory-toc a:hover{background:#f2edfc;border-color:#cbbce8}.theory-toc a span{color:#a392cb;font-size:11px;margin-right:8px}.theory-lesson{scroll-margin-top:24px}.theory-lesson-title{display:flex;align-items:center;gap:17px}.theory-lesson-title h2{font-size:23px;line-height:1.35}.theory-number{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border-radius:14px;background:#efebfa;color:#9072c6;font-size:17px;font-weight:700}.theory-steps{padding:0;list-style:none;display:grid;gap:13px;margin:22px 0}.theory-steps li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#73758b;line-height:1.8}.theory-steps svg{color:#9a85c7;flex-shrink:0;margin-top:4px}.theory-example{background:#f6f5fb;border:1px solid #ece8f5;border-radius:13px;padding:18px 20px}.theory-example h3{font-size:13px;letter-spacing:0;color:#78648e}.theory-example p,.theory-exercise p{font-size:13px;line-height:1.85;color:#7b768a;margin-top:7px}.theory-exercise{margin-top:17px;padding:4px 2px}.theory-exercise .tag{font-size:9px;letter-spacing:.05em}@media(max-width:550px){.theory-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.theory-lesson-title{align-items:flex-start;gap:12px}.theory-lesson-title h2{font-size:20px}.theory-meta{gap:12px}.theory-example{padding:15px}}