.tool-learning{max-width:1240px;margin:64px auto 32px;padding:32px;border:1px solid #e5e2ef;border-radius:24px;background:#fff;color:#242236;grid-column:1/-1;text-align:start}.tool-learning h2{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:10px 0 16px}.tool-learning h3{font-size:19px;margin:0 0 16px}.tool-learning p{line-height:1.7;color:#655f78}.tool-learning a{color:#6345c5;text-underline-offset:3px}.lesson-compare,.lesson-instructions,.lesson-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.lesson-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-media{min-width:0;padding:20px;border:1px solid #e5e2ef;border-radius:18px;background:#faf9fc}.lesson-media img,.lesson-media video{width:100%;height:320px;object-fit:contain;border-radius:12px;background:#171923}.lesson-media audio{width:100%}.lesson-media pre{height:320px;overflow:auto;white-space:pre-wrap;direction:ltr;padding:18px;background:#fff;border-radius:10px;font-size:14px}.lesson-audio{height:140px;display:grid;place-items:center;font-size:68px;color:#8060cc;background:linear-gradient(140deg,#ece7ff,#fce6db);border-radius:12px;margin-bottom:18px}.lesson-meta{font-size:12px;overflow-wrap:anywhere}.lesson-parameters{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1fr);font-size:14px;border-top:1px solid #eee}.lesson-parameters dt,.lesson-parameters dd{padding:10px 0;border-bottom:1px solid #eee;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.lesson-parameters dt{font-weight:600}.lesson-steps{padding-inline-start:26px}.lesson-steps li{padding:0 0 16px 6px}.lesson-steps li::marker{color:#7656ed;font-weight:bold}.lesson-files li{padding:7px}.lesson-files span{color:#777;font-size:12px}.tool-learning details{margin:20px 0}.tool-learning summary{cursor:pointer;font-weight:600}.lesson-credits{font-size:13px}.lesson-credits li{margin:10px 0}.lesson-notice,.lesson-live{padding:20px;background:#f0ebff;border-radius:14px}.lesson-examples video{height:260px}.lesson-examples .lesson-media{padding:14px}.lesson-examples h3{margin-top:16px;font-size:17px}.tool-learning button:disabled{opacity:.5}.tool-learning blockquote{margin:20px;font-size:24px}.lesson-examples img{height:240px}.lesson-compare:has(>article:only-child){grid-template-columns:minmax(0,680px);justify-content:center}@media(max-width:760px){.tool-learning{margin:32px 12px;padding:20px}.lesson-compare,.lesson-instructions,.lesson-examples{grid-template-columns:1fr}.lesson-media img,.lesson-media video{height:280px}}