/* Practice UI and learning content only. Advertising rules are deliberately absent. */
.mt-learning-navigation,.mt-practice-learning{box-sizing:border-box;margin:18px 36px;color:#c4cede}
.mt-learning-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #334055;border-radius:12px;background:#151c29}
.mt-learning-navigation a,.mt-learning-related a{display:inline-flex;align-items:center;min-height:40px;padding:7px 12px;border:1px solid #46546b;border-radius:9px;color:#f0f4fb;text-decoration:none;font-size:13px;line-height:1.4}
.mt-learning-navigation a:hover,.mt-learning-related a:hover{border-color:#ffc857;color:#ffc857}
.mt-learning-navigation a:focus-visible,.mt-learning-related a:focus-visible,.mt-timer-card-link:focus-visible{outline:3px solid #ffc857;outline-offset:4px}
.mt-practice-learning{padding:clamp(18px,3vw,30px);border:1px solid #334055;border-radius:18px;background:#151c29;scroll-margin-top:100px;line-height:1.75;max-width:1120px}
.mt-practice-learning h2{margin:8px 0 14px;color:#f0f4fb;font-size:clamp(20px,3vw,27px);line-height:1.3}
.mt-practice-learning h3{margin:22px 0 8px;color:#f0f4fb;font-size:18px}
.mt-practice-learning p{max-width:85ch;margin:0 0 14px}
.mt-learning-kicker{color:#ffd47b;font-size:12px;font-weight:700;letter-spacing:.03em}
.mt-learning-example{padding:12px 16px;border-left:3px solid #ffc857;background:#0f1520;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace}
.mt-learning-related{display:flex;flex-wrap:wrap;gap:10px}
.mt-timer-card-link{display:block;color:inherit;text-decoration:none}
.mt-timer-card-link:hover{color:inherit;text-decoration:none}
/* Stable counter widths and text viewport avoid movement during rapid updates. */
.mt-typing-page .result-details h2,.mt-practice-runner .result-details h3{font-variant-numeric:tabular-nums}
.mt-typing-page .result-details .time,.mt-typing-page .result-details .wpm,.mt-typing-page .result-details .cpm{min-width:4ch}
.mt-typing-page .typing-text,.mt-practice-runner .typing-text{scrollbar-gutter:stable;overflow-anchor:none}
@media(max-width:768px){
 .mt-learning-navigation,.mt-practice-learning{margin:12px 14px}
 .mt-learning-navigation{gap:6px;padding:8px}
 .mt-learning-navigation a,.mt-learning-related a{min-height:44px;padding:8px 10px}
 .mt-practice-learning{font-size:15px;scroll-margin-top:80px}
 .mt-typing-page .input-field,.mt-practice-runner .input-field{font-size:16px!important}
 .mt-practice-runner .screen.inputtextarea,.mt-typing-page .screen.inputtextarea{scroll-margin-block:80px;max-width:100%;box-sizing:border-box}
}