/* Source: /css/numpad-content-quality-v17.10.303.css */
/* 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}}

/* Source: /css/site-account-header-v17.10.311.css */
/* Shared account action. Reserve space before JavaScript runs. */
#header .header-tools, .test-header-inner > .site-header-actions {
 display:flex !important; align-items:center; justify-content:flex-end; gap:8px;
 justify-self:end; min-width:0;
}
#header .site-account-link, .test-site-header .site-account-link {
 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:7px;
 min-height:48px; min-width:118px; padding:10px 12px; border:1px solid var(--border,#c9d8ed);
 border-radius:12px; background:var(--surface-alt,#f2f7ff); color:var(--text,#172235);
 font:750 13px/1 system-ui,sans-serif; text-decoration:none; white-space:nowrap; flex-shrink:0;
}
.site-account-link svg {flex-shrink:0;}
#header .site-account-link:hover, .test-site-header .site-account-link:hover {border-color:#246df0; background:#e7f0ff; color:#1747a6; text-decoration:none;}
.site-account-link:focus-visible {outline:3px solid #246df0; outline-offset:3px;}
.test-header-inner > .site-header-actions > #themeButton {
 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:8px;
 min-width:116px; min-height:48px; padding:10px 15px; margin:0; border:0; border-radius:12px;
 background:linear-gradient(135deg,#246df0,#285ee5); color:white; font:750 13px/1 system-ui,sans-serif;
 cursor:pointer; white-space:nowrap;
}
html[data-theme="dark"] .site-account-link {background:#182a43; color:#e7eef9; border-color:#526783;}
html[data-theme="dark"] .site-account-link:hover {background:#213a5f; color:white;}
@media (max-width:1200px) {
 #header .header-inner, .test-header-inner {grid-template-columns:minmax(0,1fr) auto !important;}
 #header .primary-mode-navigation, .test-nav {grid-column:1 / -1; grid-row:2;}
 #header .header-tools, .test-header-inner > .site-header-actions {grid-column:2; grid-row:1;}
}
@media (max-width:590px) {
 #header .site-account-link, .test-site-header .site-account-link {min-width:44px; width:44px; min-height:44px; padding:10px;}
 .site-account-label {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
 #header .header-tools, .test-header-inner > .site-header-actions {gap:6px;}
 #header #themeButton, .test-header-inner > .site-header-actions > #themeButton {min-width:44px; width:44px; min-height:44px; padding:8px !important;}
 .test-header-inner > .site-header-actions > #themeButton > span:not(:first-child) {display:none;}
}

/* v17.10.317 — green account action after server-confirmed sign-in. */
#header .site-account-link[data-signed-in="true"],
.test-site-header .site-account-link[data-signed-in="true"] {
 background:#15803d; color:#fff; border-color:#15803d;
}
#header .site-account-link[data-signed-in="true"]:hover,
.test-site-header .site-account-link[data-signed-in="true"]:hover {
 background:#166534; color:#fff; border-color:#166534;
}
html[data-theme="dark"] #header .site-account-link[data-signed-in="true"],
html[data-theme="dark"] .test-site-header .site-account-link[data-signed-in="true"] {
 background:#166534; color:#fff; border-color:#22c55e;
}
html[data-theme="dark"] #header .site-account-link[data-signed-in="true"]:hover,
html[data-theme="dark"] .test-site-header .site-account-link[data-signed-in="true"]:hover {
 background:#14532d; color:#fff;
}