.learnKeyboard[data-astro-cid-3vfwbn4y]{--learn-kb-gap: 3px;margin:32px 0;padding:22px;border:1px solid var(--pt-card-fill-border, rgba(255, 255, 255, .14));border-radius:var(--pt-card-radius, 8px);background:var(--pt-card-fill, rgba(255, 255, 255, .035))}figcaption[data-astro-cid-3vfwbn4y]{display:grid;gap:4px;margin-bottom:18px}figcaption[data-astro-cid-3vfwbn4y] strong[data-astro-cid-3vfwbn4y]{font-size:1rem}figcaption[data-astro-cid-3vfwbn4y] span[data-astro-cid-3vfwbn4y]{color:var(--pt-text-elevated);font-size:.9rem}.learnKeyboardViewport[data-astro-cid-3vfwbn4y]{container-type:inline-size;width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.learnKeyboardRows[data-astro-cid-3vfwbn4y]{--learn-kb-size: clamp( 20px, calc((100cqw - (var(--learn-kb-units) - 1) * var(--learn-kb-gap)) / var(--learn-kb-units)), 52px );display:grid;min-width:300px;gap:var(--learn-kb-gap);justify-items:center}.learnKeyboardRow[data-astro-cid-3vfwbn4y]{display:flex;gap:var(--learn-kb-gap)}.learnKeyboardKey[data-astro-cid-3vfwbn4y]{--learn-kb-w: 1;width:calc(var(--learn-kb-w) * var(--learn-kb-size) + (var(--learn-kb-w) - 1) * var(--learn-kb-gap));height:var(--learn-kb-size);flex:0 0 auto;padding:0;border-color:#ffffff1c;color:var(--pt-text-muted);background:#ffffff0d;font-size:clamp(7px,calc(var(--learn-kb-size) * .24),12px);transition:color .14s ease,background .14s ease,border-color .14s ease}.learnKeyboardKey[data-astro-cid-3vfwbn4y].is-muted{opacity:.7}.learnKeyboardKey[data-astro-cid-3vfwbn4y][data-cue]{position:relative}.learnKeyboardKey[data-astro-cid-3vfwbn4y][data-cue]:after{position:absolute;top:3px;right:4px;content:attr(data-cue);font:650 .48rem/1 var(--font-mono, ui-monospace);opacity:.72}.learnKeyboardKey[data-astro-cid-3vfwbn4y].is-dual{display:grid;grid-template-rows:auto auto;align-content:center;gap:1px;line-height:1}.learnKeyboardShift[data-astro-cid-3vfwbn4y]{opacity:.7;font-size:.78em}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=home] [data-astro-cid-3vfwbn4y][data-home-rest=true]{--learn-kb-tone: var(--pt-accent-teal)}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=fingers] [data-astro-cid-3vfwbn4y][data-finger=index]{--learn-kb-tone: #45d6be}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=fingers] [data-astro-cid-3vfwbn4y][data-finger=middle]{--learn-kb-tone: #8dd8ff}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=fingers] [data-astro-cid-3vfwbn4y][data-finger=ring]{--learn-kb-tone: #c7b7ff}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=fingers] [data-astro-cid-3vfwbn4y][data-finger=pinky]{--learn-kb-tone: #ffb0c8}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=rows] [data-astro-cid-3vfwbn4y][data-row=home]{--learn-kb-tone: #45d6be}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=rows] [data-astro-cid-3vfwbn4y][data-row=top]{--learn-kb-tone: #8dd8ff}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=rows] [data-astro-cid-3vfwbn4y][data-row=bottom]{--learn-kb-tone: #c7b7ff}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=rows] [data-astro-cid-3vfwbn4y][data-row=number],.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=compare] [data-astro-cid-3vfwbn4y][data-compare=a]{--learn-kb-tone: #ffb0c8}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=compare] [data-astro-cid-3vfwbn4y][data-compare=t]{--learn-kb-tone: #45d6be}.learnKeyboardKey[data-astro-cid-3vfwbn4y][style*=--learn-kb-tone],.learnKeyboard[data-astro-cid-3vfwbn4y] [data-astro-cid-3vfwbn4y][data-home-rest=true]{color:inherit}.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=home] [data-astro-cid-3vfwbn4y][data-home-rest=true],.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=fingers] [data-astro-cid-3vfwbn4y][data-finger],.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=rows] [data-astro-cid-3vfwbn4y][data-row],.learnKeyboard[data-astro-cid-3vfwbn4y][data-mode=compare] [data-astro-cid-3vfwbn4y][data-compare]{color:var(--learn-kb-tone);border-color:color-mix(in srgb,var(--learn-kb-tone) 82%,transparent);background:color-mix(in srgb,var(--learn-kb-tone) 24%,transparent)}.learnKeyboardNotes[data-astro-cid-3vfwbn4y]{margin-top:20px;min-height:58px}.learnKeyboardNote[data-astro-cid-3vfwbn4y]{display:flex}.learnKeyboardNote[data-astro-cid-3vfwbn4y]:not(.learnKeyboardComparison){align-items:flex-start;gap:10px}.learnKeyboardNote[data-astro-cid-3vfwbn4y] p[data-astro-cid-3vfwbn4y]{margin:0;color:var(--pt-text-elevated);font-size:.88rem;line-height:1.55}.learnKeyboardSwatch[data-astro-cid-3vfwbn4y],.learnKeyboardLegend[data-astro-cid-3vfwbn4y] i[data-astro-cid-3vfwbn4y]{display:inline-block;width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--learn-kb-tone)}[data-astro-cid-3vfwbn4y][data-tone=home],[data-astro-cid-3vfwbn4y][data-tone=index]{--learn-kb-tone: #45d6be}[data-astro-cid-3vfwbn4y][data-tone=top],[data-astro-cid-3vfwbn4y][data-tone=middle]{--learn-kb-tone: #8dd8ff}[data-astro-cid-3vfwbn4y][data-tone=bottom],[data-astro-cid-3vfwbn4y][data-tone=ring]{--learn-kb-tone: #c7b7ff}[data-astro-cid-3vfwbn4y][data-tone=number],[data-astro-cid-3vfwbn4y][data-tone=pinky]{--learn-kb-tone: #ffb0c8}.learnKeyboardLegend[data-astro-cid-3vfwbn4y]{display:flex;flex-wrap:wrap;gap:8px 14px;margin-right:8px}.learnKeyboardLegend[data-astro-cid-3vfwbn4y] span[data-astro-cid-3vfwbn4y]{display:inline-flex;align-items:center;gap:6px;color:var(--pt-text-elevated);font:500 .72rem/1.4 var(--font-mono, ui-monospace)}.learnKeyboardComparison[data-astro-cid-3vfwbn4y]{flex-wrap:wrap;gap:10px 18px}.learnKeyboardComparison[data-astro-cid-3vfwbn4y]>div[data-astro-cid-3vfwbn4y]{display:flex;align-items:center;gap:9px}.learnKeyboardComparison[data-astro-cid-3vfwbn4y]>div[data-astro-cid-3vfwbn4y] p[data-astro-cid-3vfwbn4y]{display:grid}.learnKeyboardComparison[data-astro-cid-3vfwbn4y] strong[data-astro-cid-3vfwbn4y],.learnKeyboardComparison[data-astro-cid-3vfwbn4y] span[data-astro-cid-3vfwbn4y]{font-size:.78rem}.learnKeyboardComparison[data-astro-cid-3vfwbn4y] strong[data-astro-cid-3vfwbn4y]{color:var(--pt-text-primary)}.learnKeyboardComparisonResult[data-astro-cid-3vfwbn4y]{flex-basis:100%}@media(max-width:680px){.learnKeyboard[data-astro-cid-3vfwbn4y]{padding:18px 14px}.learnKeyboardNote[data-astro-cid-3vfwbn4y]:not(.learnKeyboardComparison){flex-direction:column}}