.lesson-quick-win.lesson-quick-win-5{--early:#dca32f;--early-deep:#66440e;--early-pale:#fff1bf}.lesson-quick-win.lesson-quick-win-6{--early:#459db0;--early-deep:#215765;--early-pale:#dceff1}.quick-win-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.quick-win-parts small{color:#40584b;font-size:.875rem;display:block}.quick-win-parts>div{border-radius:12px;padding:14px}.lesson-preview-counts{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.lesson-preview-counts span{color:#294b3b;background:#ffffffb8;border:1px solid #c7d7ca;border-radius:99px;padding:9px 13px;font-size:.875rem}.lesson-quick-win .early-lesson-start{justify-content:center;min-height:48px}.clock-hour-listen{color:#fff;cursor:pointer;background:#315f48;border:0;border-radius:6px;min-height:28px;margin-top:4px;padding:4px 7px;font:700 .75rem system-ui}.clock-hour-listen:focus-visible{outline-offset:3px;outline:3px solid #dca32f}.clock-audio-error{color:#9b2828;display:block}html[data-chapter="6"] .two-clock-grid{grid-template-columns:1fr}html[data-chapter="6"] .clock-face{width:460px;max-width:460px;height:460px;margin:165px auto 185px}html[data-chapter="6"] .hour-label{width:128px;transform:rotate(calc(var(--i) * 30deg)) translateY(-320px) rotate(calc(var(--i) * -30deg)) translate(-50%,-50%)}html[data-chapter="6"] .real-clock h3{margin-bottom:24px}html[data-chapter="6"] .hour-label strong,html[data-chapter="6"] .hour-label em,html[data-chapter="6"] .hour-label span{font-size:.875rem;line-height:1.3}html[data-chapter="6"] .clock-hour-listen{min-height:32px;font-size:.875rem}html[data-chapter="6"] .real-clock{padding:18px 12px}@media (max-width:1100px){html[data-chapter="6"] .two-clock-grid{grid-template-columns:1fr}}@media (max-width:1000px){html[data-chapter="6"] .two-clocks{padding:16px 10px}html[data-chapter="6"] .real-clock h3{margin-bottom:16px}html[data-chapter="6"] .clock-face{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto;max-width:none;height:auto;margin:0;display:grid}html[data-chapter="6"] .hour-label{background:#f1f6ee;border-radius:10px;width:auto;padding:12px 6px;position:static;transform:none}html[data-chapter="6"] .hour-label strong,html[data-chapter="6"] .hour-label em,html[data-chapter="6"] .hour-label span{font-size:.875rem;line-height:1.35}html[data-chapter="6"] .clock-core{display:none}.clock-hour-listen{min-height:36px;margin-top:8px;font-size:.875rem}.quick-win-parts{gap:8px}}
