/* English and clock lessons, scoped to the learning tools. */
.learning-tool{padding-top:26px;padding-bottom:34px}.learning-tool [hidden]{display:none!important}.learning-tool .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:29px 32px;border:1px solid #cfdfdf;border-radius:20px;background:linear-gradient(115deg,#e5f1ec,#f3f7fa);margin-bottom:18px}.tool-eyebrow{display:block;color:#24616c;font-size:10px;font-weight:800;letter-spacing:1.6px}.tool-hero h1{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);line-height:1.25;margin:8px 0 10px;color:#183b4b}.tool-hero p{max-width:680px;margin:0;color:#465f70;font-size:14px;line-height:1.75}.tool-hero>img{flex:none;border-radius:24px}.tool-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.tool-stats>div{border:1px solid #dde6e9;border-radius:13px;background:#fff;padding:16px 20px}.tool-stats strong{display:block;color:#225d68;font-size:26px;line-height:1.3}.tool-stats span{font-size:12px;color:#536a7a}.tool-small{font-size:12px;color:#546a78;line-height:1.7}.tool-label{display:block;font-size:12px;color:#355262;font-weight:700;margin-bottom:6px}.learning-tool input:not([type=checkbox]):not([type=range]),.learning-tool select{max-width:100%;min-width:0;border:1px solid #c4d4dc;border-radius:9px;background:#fff;color:#263f51;padding:10px 12px;font:inherit;font-size:13px;min-height:43px}.learning-tool input[type=checkbox]{accent-color:#246e79;width:16px;height:16px}.tool-button{border:1px solid #c9d9df;background:#fff;color:#315565;border-radius:9px;padding:9px 13px;min-height:42px;font:700 12px var(--font-ui);cursor:pointer}.tool-button:hover{background:#edf6f5;border-color:#75a7ad}.tool-button[aria-pressed=true]{background:#e2f2ec;color:#19584a;border-color:#75a58b}.learning-tool button:disabled{cursor:default;opacity:.65}.tool-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tool-row input{flex:1}.tool-notice{padding:12px 16px;background:#fff4dc;color:#6e4816;border:1px solid #e2c48c;border-radius:10px;font-size:13px}.tool-status{min-height:24px;margin:12px 0;font-size:13px;color:#255d64}.tool-empty{padding:40px 24px;text-align:center;background:#fff;border:1px solid #d9e6e8;border-radius:16px}.tool-empty h2{font-size:19px}.tool-empty p{font-size:14px;color:#536a78}.tool-help{padding:17px 20px;border:1px solid #d8e4e7;border-radius:12px;background:#fff;margin-top:20px;font-size:13px;color:#3e5a69;line-height:1.85}.tool-help summary{font-weight:800;cursor:pointer}.tool-help ol{padding-left:21px}.tool-help p{margin-bottom:0}.tool-segment{display:flex;gap:4px;background:#e9f0f1;padding:4px;border-radius:10px}.tool-segment button{font:700 12px var(--font-ui);padding:9px 14px;border:0;background:transparent;border-radius:7px;color:#476371;cursor:pointer}.tool-segment button[aria-pressed=true]{background:#fff;color:#1b5966;box-shadow:0 2px 5px #193e4a14}.fc-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.fc-sidebar{background:#fff;border:1px solid #dbe5e7;border-radius:16px;padding:20px}.fc-sidebar h2{margin:0 0 16px;font-size:17px}.fc-sidebar select{width:100%}.fc-topic-list{display:grid;gap:4px;margin-top:16px}.fc-topic-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:10px 11px;border:1px solid transparent;background:transparent;border-radius:8px;color:#425b6c;font:600 12px var(--font-ui);min-height:41px;cursor:pointer}.fc-topic-list button span{font-size:10px;color:#526a76;padding:1px 6px;background:#eaf1f2;border-radius:5px}.fc-topic-list button[aria-pressed=true]{background:#e7f3ee;border-color:#bedbcf;color:#185a4e}.fc-sidebar .tool-small{margin:18px 0 0}.fc-main{min-width:0}.fc-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.fc-toolbar input,.fc-toolbar select{width:100%}.fc-mode-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.fc-study,.fc-quiz{padding:22px;border:1px solid #d5e3e7;background:#fff;border-radius:18px}.fc-study-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.fc-study-top label{display:flex;align-items:center;gap:8px;font-size:12px;color:#526878}.learning-tool .fc-card{margin:20px auto 12px;max-width:460px;width:100%;padding:22px;border:1px solid #d6e6e3;border-radius:18px;background:linear-gradient(140deg,#f5faf7,#f1f6fa);min-height:296px;display:flex;align-items:center;flex-direction:column;gap:10px;color:#214d5d}.learning-tool .fc-card.is-flipped{background:linear-gradient(140deg,#fdf8ee,#f8faf4)}.learning-tool .fc-card img{width:142px;height:142px;margin:0}.learning-tool #fc-word{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.4}.learning-tool #fc-hint{font-size:12px;color:#546b79}.fc-example{max-width:510px;margin:16px auto;padding:17px 20px;border-left:3px solid #85b9a3;border-radius:0 10px 10px 0;background:#f1f7f5}.fc-example p{margin:6px 0;font-size:14px}.fc-example p[lang=en]{font-size:17px;color:#1f5260;font-weight:700}.fc-example .tool-button{margin-top:6px}.fc-audio{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.fc-audio label{display:flex;align-items:center;gap:6px;font-size:12px;color:#485f70}.fc-study #fc-speech-note{text-align:center;min-height:20px}.fc-assess{display:flex;justify-content:center;gap:10px;margin:18px 0}.learning-tool .fc-assess .btn{background:#206c67}.fc-navigation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-top:1px solid #e1ebed;padding-top:16px}.fc-navigation span{font-size:12px;font-weight:700;color:#476674;min-width:60px;text-align:center}.fc-quiz h2{font-size:23px;margin:4px 0 12px}.fc-quiz p{font-size:14px;line-height:1.75}.fc-quiz #fc-quiz-start{display:block;margin-top:18px}.fc-quiz select{width:100%;max-width:360px}.learning-tool progress{display:block;width:100%;height:9px;border:0;border-radius:99px;overflow:hidden;accent-color:#258478;background:#e3ecee;margin:15px 0 22px}.learning-tool progress::-webkit-progress-bar{background:#e3ecee}.learning-tool progress::-webkit-progress-value{background:#258478;border-radius:99px}.learning-tool progress::-moz-progress-bar{background:#258478}.fc-quiz .fc-question{font-size:21px;line-height:1.55;font-weight:800;color:#244a5e;margin:12px 0 20px}.fc-quiz #fc-quiz-audio{margin-bottom:16px}.fc-quiz #fc-quiz-next,.fc-quiz #fc-quiz-stop{margin:16px 8px 0 0}.fc-quiz #fc-mistakes{padding-left:22px;line-height:1.9;color:#435d6d;font-size:14px}.fc-quiz .clock-feedback{min-height:62px}.fc-quiz #fc-result-title:focus{outline:0}
/* Clock teaching desk and lessons. */
.clock-jump-links{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.clock-jump-links a{font-size:12px;padding:8px 13px;background:#fff;border:1px solid #d5e2e5;border-radius:8px;color:#275965}.clock-teaching{padding:26px;background:#fff;border:1px solid #d5e3e7;border-radius:18px;scroll-margin-top:90px}.clock-teaching h2,.clock-practice-heading h2{font-size:23px;margin:5px 0 12px;color:#1f495a}.clock-lesson-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}.clock-lesson-tabs button{font-size:12px}.clock-teaching-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:30px;align-items:center}.clock-demo-stage{border:1px solid #dce9e8;border-radius:17px;background:radial-gradient(circle,#fff,#edf6f2);padding:18px;text-align:center}.clock-demo-stage svg{width:min(100%,300px);height:auto;display:block;margin:auto;filter:drop-shadow(0 6px 9px #194d5b15)}.clock-digital{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:#245a68;margin-top:8px}.clock-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:11px;color:#536777;margin:9px 0}.clock-legend span:before{content:'';display:inline-block;width:18px;height:4px;border-radius:4px;vertical-align:middle;margin-right:5px;background:#20394d}.clock-legend span+span:before{background:#bb4c13}.clock-controls{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:center;text-align:left;margin-top:16px}.clock-controls select{width:100%}.clock-controls input[type=range]{width:100%;accent-color:#a84614}.clock-control-buttons{display:flex;justify-content:center;gap:8px;margin-top:13px}.clock-explain h3{font-size:21px;margin:0 0 10px;color:#244e60}.clock-explain p{font-size:14px;line-height:1.85;color:#455f70}.clock-explain ol{padding-left:22px;font-size:14px;line-height:1.9;color:#354f62}.clock-formula{padding:14px 17px;border:1px solid #c4dfd1;border-radius:10px;background:#eaf5ee;color:#205b4a;font-size:17px;font-weight:800;line-height:1.6}.clock-example-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.clock-reading{font-size:16px;line-height:1.8;color:#28586a;margin:13px 0 0}.clock-reading strong{display:block;font-size:20px}.clock-practice-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 15px;scroll-margin-top:90px}.clock-practice-heading p{font-size:13px;color:#506a79;margin:0}.clock-practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.clock-learning-aside{background:#fff;border:1px solid #dbe6e7;border-radius:15px;padding:20px}.clock-learning-aside h3{font-size:16px;margin:0 0 12px}.clock-learning-aside p,.clock-learning-aside li{font-size:13px;line-height:1.85;color:#476271}.clock-learning-aside ul{padding-left:18px}.clock-question-text{font-size:16px;font-weight:700;color:#2b5062;line-height:1.8}.clock-answer-steps{margin:15px 0 0;padding:15px 20px;background:#f0f7f3;border-radius:12px;color:#2d5849;font-size:13px;line-height:1.9}.clock-answer-steps ol{margin:5px 0;padding-left:20px}.clock-session-result{padding:24px 8px}.clock-session-result h3{font-size:26px;color:#215569}.clock-session-result li{font-size:13px;line-height:1.9;color:#496372}.clock-session-result ul{padding-left:18px}.clock-tip-box{padding:13px 16px;background:#fff7e8;border:1px solid #ead7b4;border-radius:11px;font-size:13px;color:#755328;margin-top:16px}.clock-learning-aside a{display:inline-block;margin-top:8px}.learning-tool .clock-feedback{line-height:1.8}.learning-tool .clock-options{margin-top:12px}
@media(max-width:900px){.fc-workspace{grid-template-columns:1fr}.fc-sidebar{padding:17px}.fc-sidebar h2{margin-bottom:10px}.fc-sidebar>select{max-width:260px}.fc-topic-list{display:flex;overflow-x:auto;gap:5px;padding-bottom:8px}.fc-topic-list button{flex:none}.fc-sidebar .tool-small{margin:8px 0 0}.clock-practice-layout{grid-template-columns:1fr}.clock-learning-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.clock-teaching-grid{gap:20px}}
@media(max-width:600px){.tool-hero{padding:22px;gap:12px}.tool-hero>img{display:none}.tool-hero p{font-size:13px}.tool-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-stats>div{padding:13px 16px}.tool-stats strong{font-size:23px}.fc-toolbar{grid-template-columns:1fr}.fc-study,.fc-quiz{padding:17px}.fc-study-top{align-items:flex-start;flex-wrap:wrap}.fc-study-top label{font-size:11px}.learning-tool .fc-card{padding:20px 15px;min-height:285px}.fc-mode-bar{gap:8px}.fc-navigation{gap:7px}.fc-navigation .tool-button{padding:8px 11px}.fc-assess .btn,.fc-assess .tool-button{flex:1;padding:10px;font-size:12px}.fc-question{font-size:18px!important}.clock-teaching{padding:18px}.clock-teaching-grid{grid-template-columns:1fr}.clock-demo-stage{padding:12px}.clock-demo-stage svg{width:240px}.clock-learning-aside{display:block}.clock-learning-aside>div+div{margin-top:18px}.clock-practice-heading{align-items:flex-start;flex-direction:column}.clock-explain h3{font-size:19px}.clock-explain p{font-size:13px}.clock-explain ol{font-size:13px}.clock-lesson-tabs{gap:6px}.clock-lesson-tabs button{padding:8px 10px;font-size:11px}.clock-formula{font-size:15px}.clock-controls{grid-template-columns:80px 1fr}}
.fc-sidebar{min-width:0}.fc-topic-list{min-width:0;max-width:100%}@media(max-width:900px){.fc-workspace{grid-template-columns:minmax(0,1fr)}}