main{max-width:1160px;justify-content:flex-start;padding-top:35px}.learning-intro{width:100%;margin-bottom:32px}.learning-lead{font-size:16px!important;letter-spacing:0!important;line-height:1.7;margin:18px 0 0!important;color:var(--muted)}.learning-lesson{overflow:hidden;border:1px solid #354352;border-radius:18px;background:#18212b}.lesson-heading{padding:30px 34px 25px}.lesson-number{font-size:11px;letter-spacing:1.7px;color:#e2c2a1}.lesson-heading h2,.lesson-heading h1{font-size:clamp(25px,3vw,34px);line-height:1.3;letter-spacing:-.8px;margin:14px 0}.lesson-heading p{font-size:16px;line-height:1.8;color:#b9c6d4;max-width:840px;margin:0}.learning-lesson video{display:block;width:100%;height:auto;background:#080c11}.video-meta,.lesson-note{padding:0 34px;font-size:13px;line-height:1.7;color:#a9b9c9}.lesson-chapters{display:flex;gap:10px;flex-wrap:wrap;padding:12px 34px 28px}.lesson-chapters button{font:500 13px/1.5 Pretendard,system-ui,sans-serif;color:#e2e9f0;background:#22303e;border:1px solid #435363;border-radius:8px;padding:10px 13px;cursor:pointer;text-align:left}.lesson-chapters span{display:block;font-size:11px;color:#e2c2a1;margin-bottom:4px}.lesson-chapters button:hover{background:#314454}.lesson-chapters button:focus-visible{outline:3px solid #b2d9cb;outline-offset:3px}.lesson-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:25px 34px;background:#141d26}.lesson-takeaways h3{font-size:17px;margin:0 0 12px}.lesson-takeaways p{font-size:14px;line-height:1.8;color:#b4c1ce;margin:0}.lesson-note{margin:22px 0}.video-language-note{padding:0 34px}.learning-lesson .lesson-chapters{order:initial;width:auto}@media(max-width:650px){.lesson-heading{padding:25px 22px}.lesson-heading p{font-size:14px}.lesson-takeaways{grid-template-columns:1fr;padding:24px 22px;gap:22px}.lesson-chapters{padding:10px 22px 22px;gap:8px}.video-meta,.lesson-note,.video-language-note{padding:0 22px}}

.learning-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;align-items:start}.learning-card{display:flex;flex-direction:column;gap:14px;padding:22px;background:#18212b;border:1px solid #354352;border-radius:14px;text-decoration:none;color:#e8eef5;transition:border-color .15s,background .15s}.learning-card:hover{background:#1c2935;border-color:#829bb3}.learning-card:focus-visible,.learning-back:focus-visible{outline:3px solid #b2d9cb;outline-offset:4px}.learning-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.learning-badge{font-size:11px;color:#c9bbf3;background:#302c43;border-radius:5px;padding:4px 7px}.learning-duration{font-size:12px;color:#9bacbd}.learning-card h2{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0}.learning-card p{font-size:14px;line-height:1.65;color:#aebdcc;margin:0}.learning-card-footer{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#d6c6f2;margin-top:4px}.learning-back{align-self:flex-start;color:#b7cadb;font-size:14px;text-decoration:none;margin-bottom:24px}@media(max-width:900px){.learning-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.learning-catalog{grid-template-columns:1fr}.learning-card{padding:20px}}

.jev-content{padding:0 34px 30px}.jev-content section{margin:0 0 32px}.jev-content h2{font-size:22px;margin:0 0 16px}.jev-content p,.jev-content li{font-size:15px;line-height:1.8;color:#b9c6d4}.jev-content a{color:#c9bbf3;text-underline-offset:4px}.jev-content ol{padding-left:24px}.jev-content li{padding-left:8px;margin:0 0 20px}.jev-content li p{margin:6px 0}.jev-content code{display:block;padding:12px 16px;background:#101820;border-radius:8px;overflow-wrap:anywhere}.jev-example,.jev-note{padding:20px;background:#111b25;border:1px solid #354352;border-radius:12px}.jev-score{display:inline-block;background:#923a40;color:#fff;padding:2px 8px;border-radius:5px;margin-right:10px}.jev-example small,.jev-source,.jev-credit{font-size:13px!important;color:#9bacbd!important}.jev-credit{margin-top:12px!important}@media(max-width:650px){.jev-content{padding:0 22px 24px}}

.jev-screenshot{margin:20px 0 26px}.jev-screenshot a{display:block;border:1px solid #435363;border-radius:10px;overflow:hidden}.jev-screenshot img{display:block;width:100%;height:auto}.jev-screenshot figcaption{font-size:13px;line-height:1.7;color:#a9b9c9;margin-top:10px}.jev-screenshot a:focus-visible{outline:3px solid #b2d9cb;outline-offset:4px}