.lesson-visual-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
.lesson-visual-card{margin:0;min-width:0;background:#f1f0ea}
.lesson-visual-card.lesson-visual-after{background:#eaf1ec}
.lesson-visual-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-size:17px;line-height:1.7}
.lesson-visual-label strong{font-size:32px;line-height:1.4;font-weight:700;white-space:nowrap}
.lesson-visual-label small{font-size:17px;font-weight:400;margin-left:4px}
.lesson-scene{aspect-ratio:1;overflow:hidden;position:relative}
.lesson-scene img{display:block;width:200%;max-width:none;height:100%;object-fit:fill}
.lesson-visual-after .lesson-scene img{transform:translateX(-50%)}
.lesson-visual-card figcaption{font-size:22px;line-height:1.7;font-weight:700;padding:17px 20px 20px}
.lesson-visual-card figcaption span{display:block;font-size:17px;line-height:1.8;font-weight:400;margin-top:7px;color:var(--muted)}
.lesson-time-summary{padding:25px 26px;background:#fff;border:1px solid var(--line);margin-top:25px}
.lesson-time-summary>h4{font-size:22px;line-height:1.75;margin:0 0 23px}
.lesson-legend{display:flex;flex-wrap:wrap;gap:16px 28px;margin-bottom:20px}
.lesson-legend span{display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.7}
.lesson-legend i{display:block;width:16px;height:16px;background:var(--lesson-color);border-radius:2px;flex-shrink:0}
.lesson-time-grid{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px 18px;align-items:center}
.lesson-axis{position:relative;height:28px;font-size:16px;color:var(--muted)}
.lesson-axis span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.lesson-axis span:last-child{transform:translateX(-100%)}
.lesson-bar-label{font-size:16px;line-height:1.6}
.lesson-bar-label strong{display:block;font-size:23px;font-weight:700}
.lesson-time-track{display:flex;height:48px;outline:1px solid #bbc9c0;min-width:0;background:#edf2ee}
.lesson-time-track>span{flex:var(--minutes) 0 0;min-width:0;background:var(--lesson-color);box-shadow:inset -1px 0 #ffffffb3}
.lesson-time-track .lesson-time-returned{background:#edf2ee;box-shadow:none;outline:1px dashed #9eb5a5;outline-offset:-1px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#355444;line-height:1.6;text-align:center}
.lesson-time-returned small{font-size:16px;font-weight:400;margin-right:9px}
.lesson-return{display:flex;align-items:center;gap:25px;margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}
.lesson-return>strong{font-size:38px;font-weight:700;line-height:1.4;color:#355444;white-space:nowrap}
.lesson-return>strong small{font-size:20px;font-weight:400;margin-left:4px}
.lesson-return>p{font-size:19px;line-height:1.8;font-weight:700}
.lesson-visual-note{font-size:16px;line-height:1.85;color:var(--muted);margin-top:17px}
@media(max-width:850px){
 .lesson-visual-pair{gap:20px}
 .lesson-visual-label{display:block;padding:15px 17px}
 .lesson-visual-label strong{display:block;font-size:30px;margin-top:4px}
 .lesson-visual-card figcaption{font-size:21px;padding-inline:17px}
 .lesson-time-grid{grid-template-columns:85px minmax(0,1fr);gap:12px 14px}
 .lesson-return>strong{font-size:34px}
}
@media(max-width:620px){
 .lesson-visual-pair{gap:12px}
 .lesson-visual-label{font-size:16px;padding:13px 12px}
 .lesson-visual-label strong{font-size:28px}
 .lesson-visual-label small{font-size:16px}
 .lesson-visual-card figcaption{font-size:18px;padding:12px;line-height:1.75}
 .lesson-visual-card figcaption span{display:none}
 .lesson-time-summary{padding:20px 15px;margin-top:20px}
 .lesson-time-summary>h4{font-size:21px;line-height:1.8;margin-bottom:19px}
 .lesson-legend{gap:12px 18px;margin-bottom:17px}
 .lesson-legend span{font-size:16px;gap:7px}
 .lesson-legend i{width:14px;height:14px}
 .lesson-time-grid{grid-template-columns:65px minmax(0,1fr);gap:10px 10px}
 .lesson-axis{font-size:14px;height:26px}
 .lesson-axis span[data-minute="60"]{display:none}
 .lesson-bar-label{font-size:16px}
 .lesson-bar-label strong{font-size:22px}
 .lesson-time-track{height:48px}
 .lesson-time-track .lesson-time-returned{font-size:18px;flex-direction:column;line-height:1.45}
 .lesson-time-returned small{font-size:14px;margin:0}
 .lesson-return{gap:15px;margin-top:21px;padding-top:20px;align-items:flex-start}
 .lesson-return>strong{font-size:32px}
 .lesson-return>strong small{font-size:18px}
 .lesson-return>p{font-size:18px}
}
@media(max-width:360px){
 .lesson-visual-label strong{font-size:23px}
 .lesson-visual-label{padding-inline:10px}
 .lesson-visual-card figcaption{padding-inline:10px;font-size:17px}
 .lesson-time-summary{padding-inline:12px}
 .lesson-legend{gap:10px 13px}
 .lesson-return{display:block}
 .lesson-return>p{margin-top:10px}
}

.fax-visual-pair{margin-bottom:28px}