/* Source: /css/tools-guides-v17.10.206.css */
.typing-tools-shell{max-width:1500px}.typing-tools-hero{padding:clamp(22px,3.5vw,48px);background:linear-gradient(125deg,var(--surface,#fff),var(--surface-alt,#eff5ff));border-radius:24px}.typing-tools-hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-1px}.typing-tools-hero p{max-width:780px;font-size:17px;line-height:1.75}.typing-tool-section,.typing-tool-related,.calculator-card,.result-panel{border-radius:20px}.resource-reading{padding:clamp(22px,3vw,38px)}.resource-reading h2{font-size:clamp(21px,2vw,27px);margin:32px 0 12px;line-height:1.3}.resource-reading h2:first-of-type{margin-top:8px}.resource-reading p,.resource-reading li{max-width:1000px;line-height:1.85;font-size:16px}.resource-reading ol{padding-left:24px}.resource-next{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 40px}.resource-next a{display:block;padding:18px;border:1px solid var(--border,#d9e4f2);background:var(--surface,#fff);border-radius:13px;text-decoration:none;font-weight:700;color:var(--primary,#2463eb)}.hub-grid a,.related-grid a{min-height:100px;padding:22px}.field input,.field select{min-height:48px}.resource-input-error{padding:12px;border-left:4px solid #c64040;color:var(--text,#17243c);background:var(--surface-alt,#f3f6fc);margin:16px 0}.virtual-workspace label{display:block;font-weight:700;margin-bottom:10px}#virtual-text{box-sizing:border-box;width:100%;padding:20px;border:1px solid var(--border,#cad7eb);border-radius:16px;background:var(--surface,#fff);color:var(--text,#17243c);font:19px/1.7 system-ui;resize:vertical}#virtual-privacy{font-size:13px;color:var(--text-muted,#687991);margin:10px 0}.virtual-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.virtual-actions button{padding:12px 18px;background:var(--primary,#2463eb);color:white;border:0;border-radius:10px;font:inherit;cursor:pointer}.virtual-row{display:flex;gap:5px;margin:6px 0;min-width:620px}.virtual-row button{flex:1;min-width:32px;height:50px;padding:4px;border:1px solid var(--border,#c7d6ec);border-bottom-width:4px;border-radius:9px;background:var(--surface,#fff);color:var(--text,#173454);font:700 16px system-ui;cursor:pointer;touch-action:manipulation}.virtual-row .virtual-wide{flex:1.7;font-size:12px}.virtual-row .virtual-space{flex:9}.virtual-row button[aria-pressed=true]{background:#2463eb;color:white}.virtual-row button:active{transform:translateY(2px);border-bottom-width:2px}#virtual-keys{overflow-x:auto;padding:14px;background:var(--surface-alt,#edf3fb);border-radius:16px}.typing-tools-shell :focus-visible{outline:3px solid #8864ec;outline-offset:3px}#virtual-status{min-height:24px;margin-bottom:12px}@media(max-width:750px){.resource-next{grid-template-columns:1fr 1fr}.virtual-workspace{padding:18px}.virtual-actions button{flex:1 1 40%}.typing-tools-hero-badge{display:none}}@media(max-width:430px){.resource-next{grid-template-columns:1fr}}

/* Source: /css/finger-guide-v17.10.208.css */
.finger-guide-page .typing-tools-hero{background:linear-gradient(125deg,#183ec9,#6545d9);color:#fff;border:0}.finger-guide-page .typing-tools-hero h1,.finger-guide-page .typing-tools-hero p,.finger-guide-page .typing-tools-eyebrow{color:inherit}.finger-guide-page .typing-tools-hero-badge{background:#ffffff20;color:white;border-color:#ffffff40}.finger-guide-page .finger-workspace{padding:clamp(20px,3vw,40px)}.finger-guide-page .finger-instruction{max-width:850px;line-height:1.7;color:var(--text-secondary,#475569)}.finger-guide-page .finger-interactive-status{justify-content:flex-start;max-width:none;margin:20px 0}.finger-guide-page .finger-legend{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:24px 0}.finger-guide-page .keyboard-visual{max-width:1120px;margin:20px auto;padding:12px;gap:10px}.finger-guide-page .keyboard-row{min-width:740px;gap:8px;justify-content:center}.finger-guide-page .keyboard-key{flex:1;min-width:46px;height:64px;max-width:76px;font:800 20px/1 system-ui;color:#172554;border:1px solid #aebed2;border-bottom-width:3px}.finger-guide-page .keyboard-key.wide{max-width:130px}.finger-guide-page .keyboard-key.space{max-width:560px;flex:6}.finger-guide-page .finger-legend>div{color:#172554;border:1px solid #aebed2;font-size:12px;padding:12px 5px}.finger-guide-page .finger-lp{background:#fee2e2}.finger-guide-page .finger-lr{background:#ffedd5}.finger-guide-page .finger-lm{background:#fef3c7}.finger-guide-page .finger-li{background:#dbeafe}.finger-guide-page .finger-ri{background:#ccfbf1}.finger-guide-page .finger-rm{background:#dcfce7}.finger-guide-page .finger-rr{background:#f3e8ff}.finger-guide-page .finger-rp{background:#fce7f3}.finger-guide-page .finger-thumb{background:#e0e7ff}.finger-guide-page .keyboard-key.home{text-decoration:underline;text-underline-offset:8px}.finger-guide-page .finger-chart-actions{justify-content:flex-start;margin-top:22px}.finger-guide-page .keyboard-key:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.finger-guide-page .finger-workspace .section-heading h2{font-size:clamp(24px,3vw,34px)}@media(max-width:1000px){.finger-guide-page .finger-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.finger-guide-page .keyboard-key{height:52px}.finger-guide-page .finger-interactive-status strong{font-size:15px}.finger-guide-page .keyboard-visual{padding:10px 5px}.finger-guide-page .finger-legend{gap:6px}}@media(prefers-reduced-motion:reduce){.finger-guide-page .keyboard-key{transition:none}}@media print{body.print-finger-chart .finger-guide-page .finger-workspace{display:block!important}body.print-finger-chart .finger-workspace>*{display:none!important}body.print-finger-chart .finger-workspace .section-heading,body.print-finger-chart .finger-workspace .finger-legend,body.print-finger-chart .finger-workspace .keyboard-visual,body.print-finger-chart .finger-workspace .callout{display:block!important}.finger-guide-page .keyboard-row{min-width:0}.finger-guide-page .keyboard-key{min-width:30px;height:40px}.finger-guide-page .finger-legend{display:grid!important}}

/* v17.10.286: downloadable vector chart preview below the interactive workspace. */
.finger-guide-page .finger-download-section{scroll-margin-top:96px}
.finger-guide-page .finger-printable-figure{max-width:1040px;margin:22px auto 18px}
.finger-guide-page .finger-printable-figure>a{display:block;overflow:hidden;border:1px solid #d0dced;border-radius:15px;background:#f7faff}
.finger-guide-page .finger-printable-figure img{display:block;width:100%;height:auto}
.finger-guide-page .finger-printable-figure figcaption{padding:11px 3px;color:var(--text-secondary,#475569);font-size:14px;line-height:1.65}
html[data-theme="dark"] .finger-guide-page .finger-printable-figure>a{border-color:#3a516c}
@media print{body.print-finger-chart .finger-download-section{display:none!important}}