@font-face{font-family:"Noto Sans SC";src:url("/assets/fonts/noto-sans-sc-learning.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Progressive, localized phrase practice. Original reading typography is retained. */
.learning-section{scroll-margin-top:115px}.learning-intro{margin-bottom:18px}
.learning-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background:#F1F8F4;border:1px solid #C9DFD3;border-radius:8px;margin-bottom:12px}
.learning-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;min-height:44px;max-width:100%;min-width:0}.learning-controls select{max-width:100%;padding:8px;border:1px solid #8CA99A;border-radius:5px;background:#fff;color:#123E31;min-height:44px}
.learning-button,.phrase-play{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #064E3B;background:#064E3B;color:white;border-radius:6px;min-height:44px;padding:9px 13px;font-size:14px;line-height:1.5;white-space:normal;text-align:center}.learning-button.secondary{background:#fff;color:#064E3B}.learning-button:hover,.phrase-play:hover{background:#0B634B;color:#fff}.learning-button:focus-visible,.phrase-play:focus-visible{outline:3px solid #92400E;outline-offset:4px}.learning-button:disabled{opacity:.65}
.learning-status{min-height:30px;font-size:14px;color:#365449;margin:12px 0!important}.practice-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.practice-tools label{display:flex;gap:9px;align-items:center;min-height:44px;font-size:14px}.learning-section input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;accent-color:#064E3B}
.phrase-list{display:grid;gap:16px;list-style:none;margin:18px 0 0;padding:0}.phrase-card{padding:20px;border:1px solid #C9DAD1;border-radius:9px;background:#fff;scroll-margin-top:115px}.phrase-card.is-active{border-color:#064E3B;box-shadow:0 0 0 2px #064E3B;background:#F5FBF7}.phrase-card:target{border-color:#92400E}.phrase-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.phrase-top h3{margin:0;color:#365449;font:600 13px/1.6 Arial,sans-serif;letter-spacing:.03em}
.phrase-arabic{font-family:"Al Qalam Quran Majeed","Traditional Arabic",serif!important;font-size:clamp(1.8rem,3vw,2.35rem)!important;line-height:2!important;letter-spacing:0;text-align:right;margin:9px 0 13px!important;color:#064E3B;overflow-wrap:normal!important;word-break:normal}.phrase-aids{border-top:1px solid #E2E8F0;padding-top:12px}.phrase-aids dt{font-size:12px;color:#486353;margin:9px 0 4px;font-weight:600}.phrase-aids dd{margin:0 0 8px}.phrase-phonetic{font:16px/1.9 Arial,sans-serif!important;direction:ltr;text-align:left;color:#334155}.phrase-meaning{font-size:16px;line-height:1.9}.phrase-practised{display:flex;align-items:center;gap:9px;font-size:13px;min-height:44px;margin-top:12px;color:#365449}
.learning-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.learning-progress p{margin:0!important;font-size:14px}.learning-note{font-size:13px!important;color:#486353;line-height:1.8!important}.worksheet-callout{padding:20px;margin-top:24px;border:1px solid #D3B785;border-radius:8px;background:#FFFBF3}.worksheet-callout h3{font-size:20px;margin-bottom:9px;color:#624116}.worksheet-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.worksheet-actions a{max-width:100%;white-space:normal}.content-card a.learning-button{color:#fff;text-decoration:none}.content-card a.learning-button.secondary{color:#064E3B}
.practice-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#064E3B;border-radius:7px;margin:16px 0}.practice-video::cue{font-family:Arial,sans-serif;font-size:18px;background:#071D17E8;color:#fff}.practice-video-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.credits-grid{display:grid;gap:10px;margin:12px 0}.credits-grid p{font-size:14px;margin:0;line-height:1.9}.worksheet-grid{margin-top:24px}.worksheet-grid article{border-top:3px solid #064E3B}.worksheet-grid .native-label{font-size:17px;line-height:2}
.lang-ur .learning-controls,.lang-ur .practice-tools,.lang-ur .phrase-practised{line-height:2.5}.lang-ur .phrase-meaning{line-height:2.5}.lang-ar .phrase-meaning{font-size:21px;line-height:1.9}.lang-ar .learning-button,.lang-ar .phrase-play{font-size:19px;line-height:1.8}.lang-ur .learning-button,.lang-ur .phrase-play{line-height:2.5}.lang-ar .learning-note,.lang-ar .learning-status{font-size:18px!important}.lang-ar .phrase-top h3,.lang-ur .phrase-top h3{font-family:inherit;font-size:17px;line-height:2}.lang-hi .phrase-top h3{font-family:"Noto Sans Devanagari",sans-serif}.lang-bn .phrase-top h3{font-family:"Noto Sans Bengali",sans-serif}.lang-zh .phrase-top h3{font-family:"Noto Sans SC",sans-serif}.lang-ar .credits-grid p{font-size:19px}
@media(max-width:560px){.learning-controls{padding:12px;gap:9px}.learning-controls>button{flex:1 1 135px}.phrase-card{padding:15px}.phrase-top{align-items:flex-start}.phrase-play{max-width:60%}.worksheet-callout{padding:16px}.learning-controls select{font-size:16px}.learning-section .learning-button{max-width:100%}.learning-progress{align-items:flex-start}.phrase-phonetic{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.learning-section *{transition:none!important}}
.practice-video{-webkit-touch-callout:none;user-select:none}
@media print{.learning-controls,.practice-tools,.learning-progress,.phrase-play,.phrase-practised,.learning-status,.practice-video,.practice-video-links,[data-share-lesson]{display:none!important}.phrase-card{break-inside:avoid}.phrase-aids[hidden]{display:block!important}.learning-section{break-inside:auto}.phrase-arabic{font-size:24pt!important}.worksheet-actions{display:none!important}}