.lesson-explanation-container{max-width:760px;margin:0 auto;padding:0 20px 80px;color:#777}.lesson-explanation-back{margin-bottom:40px}.lesson-explanation-back a{display:inline-flex;align-items:center;font-family:MFW-PGothicMB101Pr6N-Regular,Noto Sans JP,sans-serif;font-size:12px;line-height:18px;letter-spacing:1.8px;color:#777;text-decoration:none;transition:color .3s ease}.lesson-explanation-back a:hover{color:#e3bf4b}.lesson-explanation-back-arrow{margin-right:8px;font-size:14px}.lesson-explanation-card{background-color:#fff;border:1px solid #E3BF4B;overflow:hidden}.lesson-explanation-header{background-color:#e3bf4b;padding:32px 40px;display:flex;justify-content:space-between;align-items:center}.lesson-explanation-header-text{flex:1}.lesson-explanation-header-label{font-family:Marcellus,serif;font-size:12px;letter-spacing:2.4px;color:#fffc;margin-bottom:8px;text-transform:uppercase}.lesson-explanation-header-title{font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:24px;font-weight:500;line-height:35px;letter-spacing:3.6px;color:#fff}.lesson-explanation-header-link{display:inline-flex;align-items:center;gap:6px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:12px;letter-spacing:1.8px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.6);padding:10px 20px;transition:all .3s ease;flex-shrink:0}.lesson-explanation-header-link:hover{background-color:#ffffff26;border-color:#fff}.lesson-explanation-video{padding:40px;background-color:#fff}.lesson-explanation-video .video-wrapper>div{overflow:hidden}.lesson-explanation-video .video-wrapper iframe{width:100%;display:block}.lesson-explanation-body{padding:40px;border-top:1px solid #EDEDED}.lesson-explanation-body.prose{font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;color:#777;max-width:none}.lesson-explanation-body.prose h1{font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:24px;font-weight:500;line-height:35px;letter-spacing:3.6px;color:#333;margin-top:2rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #E3BF4B}.lesson-explanation-body.prose h2{font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:21px;font-weight:500;line-height:30px;letter-spacing:3.15px;color:#333;margin-top:1.5rem;margin-bottom:.75rem}.lesson-explanation-body.prose h3{font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:18px;font-weight:500;line-height:24px;letter-spacing:2.7px;color:#333;margin-top:1.25rem;margin-bottom:.5rem}.lesson-explanation-body.prose p{font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;line-height:28px;letter-spacing:2.1px;margin-bottom:1.25rem}.lesson-explanation-body.prose ul,.lesson-explanation-body.prose ol{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.25rem}.lesson-explanation-body.prose ul li,.lesson-explanation-body.prose ol li{font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;line-height:28px;letter-spacing:2.1px;margin-bottom:.5rem}.lesson-explanation-body.prose ol{list-style-type:decimal}.lesson-explanation-body.prose a{font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;color:#777;text-decoration:underline;letter-spacing:2.1px;transition:color .3s ease}.lesson-explanation-body.prose a:hover{color:#e3bf4b}.lesson-explanation-body.prose strong{font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-weight:500;color:#333}.lesson-explanation-body.prose em{font-style:italic}.lesson-explanation-body.prose blockquote{font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;line-height:28px;letter-spacing:2.1px;border-left:3px solid #E3BF4B;padding-left:1.25rem;margin:1.5rem 0;color:#777}.lesson-explanation-body.prose code{font-size:12px;background-color:#ededed;padding:2px 6px}.lesson-explanation-body.prose pre{font-size:12px;background-color:#ededed;padding:1.25rem;overflow-x:auto}.lesson-explanation-body.prose pre code{background:none;padding:0}.lesson-explanation-footer{border-top:1px solid #EDEDED;padding:32px 40px;display:flex;gap:16px}.lesson-explanation-footer-btn{display:inline-flex;align-items:center;justify-content:center;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;letter-spacing:2.1px;padding:14px 28px;text-decoration:none;transition:all .3s ease;flex:1;text-align:center}.lesson-explanation-footer-btn-primary{background-color:#777;color:#fff}.lesson-explanation-footer-btn-primary:hover{background-color:#636363}.lesson-explanation-footer-btn-secondary{background-color:#fff;color:#777;border:1px solid #777}.lesson-explanation-footer-btn-secondary:hover{background-color:#ededed}@media (max-width: 900px){.lesson-explanation-header{padding:24px 28px;flex-direction:column;align-items:flex-start;gap:16px}.lesson-explanation-header-link{align-self:flex-end}.lesson-explanation-video,.lesson-explanation-body,.lesson-explanation-footer{padding:24px 28px}}@media (max-width: 450px){.lesson-explanation-container{padding:0 16px 60px}.lesson-explanation-back{margin-bottom:24px}.lesson-explanation-back a{font-size:10px;letter-spacing:1.5px}.lesson-explanation-header{padding:20px}.lesson-explanation-header-label{font-size:10px;letter-spacing:1.5px}.lesson-explanation-header-title{font-size:16px;line-height:24px;letter-spacing:2.4px}.lesson-explanation-header-link{font-size:10px;padding:8px 14px}.lesson-explanation-video{padding:16px}.lesson-explanation-body{padding:20px 16px}.lesson-explanation-body.prose h1{font-size:16px;line-height:24px;letter-spacing:2.4px}.lesson-explanation-body.prose h2,.lesson-explanation-body.prose h3{font-size:14px;line-height:21px;letter-spacing:2.1px}.lesson-explanation-body.prose p,.lesson-explanation-body.prose ul li,.lesson-explanation-body.prose ol li,.lesson-explanation-body.prose blockquote{font-size:12px;line-height:21px;letter-spacing:1.8px}.lesson-explanation-body.prose a{font-size:12px;letter-spacing:1.8px}.lesson-explanation-footer{padding:20px 16px;flex-direction:column}.lesson-explanation-footer-btn{font-size:12px;padding:12px 20px}}
