.lesson-controls{display:flex;align-items:end;gap:20px;padding:22px;border:1px solid #cfdeed;border-radius:16px;background:#eef5fd}.lesson-controls label{display:grid;gap:8px;font-size:14px;font-weight:600}.lesson-controls label:first-child{flex:1}.lesson-controls input,.lesson-controls select{font:inherit;padding:13px 14px;border:1px solid #bbcede;border-radius:9px;background:white;color:#244362;min-width:0;width:100%}.lesson-controls .text-button{margin-bottom:12px}.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 65px;align-items:start}.lesson-card{border:1px solid #cbd9e8;border-radius:20px;overflow:hidden;background:white;scroll-margin-top:110px}.lesson-art{position:relative;background:#f2f7fd;border-bottom:1px solid #d8e4ef}.lesson-art img{width:100%;height:220px;object-fit:contain;display:block}.lesson-art>span{position:absolute;left:18px;top:16px;font-size:12px;background:white;border:1px solid #d1dfed;border-radius:20px;padding:6px 12px;color:#285e98}.lesson-body{padding:25px}.lesson-body h2{font:400 27px/1.22 Georgia,serif;margin:10px 0 16px;color:#244362}.lesson-body p,.lesson-body li{font-size:15px;line-height:1.75}.lesson-body .eyebrow{font-size:10px;line-height:1.7}.lesson-application{margin-top:22px;border-top:1px solid #d5e1ed;padding-top:18px}.lesson-application summary{cursor:pointer;font-weight:600;color:#285e98;line-height:1.5}.lesson-application h3{font-size:15px;margin:24px 0 10px}.lesson-application ol{padding-left:22px}.lesson-application li{padding-left:4px;margin-bottom:12px}.lesson-example{padding:1px 18px 8px;background:#eff5fc;border-left:3px solid #4e7eac;border-radius:0 12px 12px 0}.lesson-techniques{display:grid;gap:12px}.lesson-techniques .text-button{text-align:left;line-height:1.5}.lesson-application .small-note{font-size:12px;margin-top:22px}.related-lessons{border:1px solid #c6d9ed;background:#f0f6fd;padding:20px;border-radius:14px}.related-lessons p{font-size:14px}.related-lessons a{color:#285e98;text-decoration:underline;text-underline-offset:3px}.lesson-feature{margin:35px 0;padding:28px;border:1px solid #c6d9ed;background:#eff5fd;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.lesson-feature h2{font:400 28px Georgia,serif;margin:10px 0}.lesson-feature p{line-height:1.7;max-width:650px}.lesson-feature a{flex-shrink:0}.lesson-library-link{margin:14px 0 0!important;font-size:14px!important}.lesson-card:target{outline:3px solid #4e7eac;outline-offset:4px}@media(max-width:760px){.lesson-list{grid-template-columns:1fr}.lesson-controls{flex-wrap:wrap;padding:18px}.lesson-controls label:first-child{flex-basis:100%}.lesson-controls label{flex:1}.lesson-feature{display:block}.lesson-feature a{margin-top:10px}.lesson-art img{height:200px}}
.lesson-creator{font-size:12px!important;color:#526f8d;font-weight:600;margin:10px 0!important}.lesson-focus{padding:12px 14px;border-left:3px solid #467db1;background:#eef5fc;border-radius:0 8px 8px 0;font-size:13px!important}.lesson-references a{color:#285e98;text-decoration:underline;text-underline-offset:3px}.lesson-controls{flex-wrap:wrap}.lesson-controls label:first-child{flex-basis:320px}.lesson-controls label:not(:first-child){min-width:150px}
