/* TypingTutor.Online v17.10.303: dedicated Numpad explanations below interactive tools. */
.tto-numpad-editorial{margin:20px 0 26px;padding:clamp(17px,2.5vw,26px);background:var(--numeric-card,#fff);border:1px solid var(--numeric-line,#dbe5f2);border-radius:20px;color:var(--text-primary,#142138)}
.tto-numpad-editorial .tto-numpad-kicker{display:block;color:#1769ff;font-size:.71rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}
.tto-numpad-editorial h2{font-size:clamp(1.12rem,2.5vw,1.5rem);line-height:1.24;margin:0 0 10px}
.tto-numpad-editorial h3{font-size:1rem;line-height:1.3;margin:0 0 6px}
.tto-numpad-editorial p,.tto-numpad-editorial li{font-size:.91rem;line-height:1.7;color:var(--numeric-muted,#475569)}
.tto-numpad-editorial p{margin:0 0 11px}.tto-numpad-editorial strong{color:var(--text-primary,#142138)}
.tto-numpad-editorial a{color:var(--numeric-blue,#1769ff);text-decoration:underline;text-underline-offset:2px;font-weight:650}
.tto-numpad-editorial .tto-numpad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.tto-numpad-editorial .tto-numpad-card{background:var(--numeric-panel,#f6f9fe);border:1px solid var(--numeric-line,#dbe5f2);border-radius:14px;padding:14px 16px;min-width:0}
.tto-numpad-editorial ul,.tto-numpad-editorial ol{margin:8px 0 12px;padding-left:1.35rem}
.tto-numpad-editorial .tto-numpad-note{background:#edf5ff;border-left:3px solid #1769ff;padding:12px 14px;border-radius:9px;margin-top:13px}
.tto-numpad-editorial .tto-numpad-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.tto-numpad-editorial .tto-numpad-steps>li{list-style:none;counter-increment:numstep;background:var(--numeric-panel,#f6f9fe);border:1px solid var(--numeric-line,#dbe5f2);border-radius:14px;padding:13px 15px}
.tto-numpad-editorial .tto-numpad-steps{counter-reset:numstep;padding:0}
.tto-numpad-editorial .tto-numpad-steps>li:before{content:counter(numstep);display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;margin-right:7px;border-radius:50%;background:#dbeafe;color:#174cad;font-weight:850;font-size:.77rem}
.tto-numpad-editorial .tto-numpad-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tto-numpad-editorial .tto-numpad-links a{display:inline-block;text-decoration:none;border:1px solid #a9c9fb;border-radius:9px;padding:9px 12px;background:#edf5ff}
html[data-theme="dark"] .tto-numpad-editorial,body.dark-mode .tto-numpad-editorial{background:#111c2f;border-color:#2a3a53;color:#eff6ff}
html[data-theme="dark"] .tto-numpad-editorial .tto-numpad-card,html[data-theme="dark"] .tto-numpad-editorial .tto-numpad-steps>li,body.dark-mode .tto-numpad-editorial .tto-numpad-card,body.dark-mode .tto-numpad-editorial .tto-numpad-steps>li{background:#0d1729;border-color:#2a3a53}
html[data-theme="dark"] .tto-numpad-editorial strong,body.dark-mode .tto-numpad-editorial strong{color:#f1f5f9}
html[data-theme="dark"] .tto-numpad-editorial p,html[data-theme="dark"] .tto-numpad-editorial li,body.dark-mode .tto-numpad-editorial p,body.dark-mode .tto-numpad-editorial li{color:#d0dced}
html[data-theme="dark"] .tto-numpad-editorial a,body.dark-mode .tto-numpad-editorial a{color:#a8caff}
html[data-theme="dark"] .tto-numpad-editorial .tto-numpad-note,body.dark-mode .tto-numpad-editorial .tto-numpad-note{background:#142947;color:#e5efff}
html[data-theme="dark"] .tto-numpad-editorial .tto-numpad-links a,body.dark-mode .tto-numpad-editorial .tto-numpad-links a{background:#122944;border-color:#365d95}
@media(prefers-color-scheme:dark){html[data-theme="system"] .tto-numpad-editorial{background:#111c2f;border-color:#2a3a53}html[data-theme="system"] .tto-numpad-editorial .tto-numpad-card,html[data-theme="system"] .tto-numpad-editorial .tto-numpad-steps>li{background:#0d1729;border-color:#2a3a53}html[data-theme="system"] .tto-numpad-editorial p,html[data-theme="system"] .tto-numpad-editorial li{color:#d0dced}html[data-theme="system"] .tto-numpad-editorial a{color:#a8caff}html[data-theme="system"] .tto-numpad-editorial .tto-numpad-note{background:#142947}html[data-theme="system"] .tto-numpad-editorial .tto-numpad-links a{background:#122944;border-color:#365d95}}
@media(max-width:720px){.tto-numpad-editorial .tto-numpad-grid{grid-template-columns:1fr}.tto-numpad-editorial .tto-numpad-steps{grid-template-columns:1fr}.tto-numpad-editorial{padding:15px;margin:14px 0 20px}}