.lesson-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:48px;align-items:start;margin-top:42px}.lesson-contents{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;font-size:13px;line-height:1.6;border-top:1px solid #d4edff55;padding-top:18px}.lesson-contents summary{font-weight:600;color:#fff;cursor:pointer;padding:8px 0}.lesson-contents ol{list-style:none;padding:0;margin:12px 0}.lesson-contents li{margin:0 0 4px}.lesson-contents a{display:block;padding:7px 0;color:#d8ebfa;text-decoration:none}.lesson-contents a:hover{color:#fff;text-decoration:underline}.lesson-body{min-width:0;color:#e6f1fa;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.lesson-body h2{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:48px 0 20px;padding-top:20px;border-top:1px solid #cce7fc35;color:#fff;scroll-margin-top:110px}.lesson-body>h2:first-child{margin-top:0}.lesson-body h3{font-size:21px;line-height:1.4;margin:30px 0 14px;color:#fff;font-weight:500}.lesson-body h4{font-size:18px;line-height:1.5;margin:26px 0 12px;color:#fff}.lesson-body p{margin:0 0 20px}.lesson-body ul,.lesson-body ol{padding-left:24px;margin:0 0 24px}.lesson-body li{padding-left:5px;margin-bottom:10px}.lesson-body li p{margin-bottom:8px}.lesson-body strong{color:#fff}.lesson-body a{color:#fff;text-underline-offset:4px}.lesson-note,.lesson-body blockquote{background:#dbedff0c;border-left:3px solid #b5e2ff;padding:20px 24px;margin:24px 0;border-radius:0 8px 8px 0}.lesson-body code{font-size:.88em;background:#112d4850;padding:3px 5px;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}.lesson-body pre{background:#102b44aa;border:1px solid #d2ecff30;border-radius:8px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.lesson-body pre code{background:none;padding:0}.lesson-body table{border-collapse:collapse;table-layout:fixed;width:100%;margin:24px 0;font-size:14px}.lesson-body th,.lesson-body td{border:1px solid #cce7fc40;padding:14px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.lesson-body th{background:#d8edff16;color:#fff}.lesson-body tbody tr:nth-child(even){background:#d8edff08}.lesson-body figure{margin:28px 0}.lesson-body img{display:block;width:100%;max-width:640px;height:auto;border-radius:10px}.lesson-body figcaption{font-size:13px;line-height:1.6;margin-top:10px}.lesson-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lesson-comparison section{border:1px solid #cce7fc40;border-radius:8px;background:#ffffff08;padding:22px}.lesson-comparison h3{margin-top:0}.lesson-process{padding:20px 24px 20px 44px!important;border:1px solid #cce7fc40;border-radius:8px}.module-navigation{margin-top:40px;border-top:1px solid #cce7fc40}@media(max-width:1000px){.lesson-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}}@media(max-width:767px){.lesson-layout{grid-template-columns:1fr;gap:24px;margin-top:24px}.lesson-contents{position:static;max-height:none;padding:12px 18px;border:1px solid #cce7fc40;border-radius:8px}.lesson-contents a{padding:11px 0}.lesson-body{font-size:16px;line-height:1.8}.lesson-body h2{font-size:25px;scroll-margin-top:24px}.lesson-body h3{font-size:20px}.lesson-comparison{grid-template-columns:1fr}.lesson-body th,.lesson-body td{padding:10px}.lesson-note{padding:18px}.module-intro h1{overflow-wrap:anywhere}}