:root{--paper-sheet:#fbfaf7;--typewriter-ink:#1f2430;--ribbon-blue:#2b4fd8;--ribbon-pale:#e9edfc;--keycap-face:#ffffff;--keycap-edge:#c9ccd6;--margin-grey:#6b7080;--highlight-yellow:#fff3b0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper-sheet);color:var(--typewriter-ink);font:17px/1.75 "Charter","Bitstream Charter","Cambria",Georgia,serif}
a{color:var(--ribbon-blue);text-underline-offset:3px}a:hover{background:var(--highlight-yellow)}
.keyboard-column{max-width:760px;margin:0 auto;padding:0 20px}
.typist-topbar{border-bottom:1px solid var(--keycap-edge);background:var(--keycap-face)}
.typist-topbar .keyboard-column{padding-top:18px;padding-bottom:16px;text-align:center}
.abbrev-wordmark{display:inline-block;font:700 22px/1.2 "Courier New",Courier,monospace;color:var(--typewriter-ink);text-decoration:none;letter-spacing:-.01em}
.abbrev-wordmark i{font-style:normal;color:var(--ribbon-blue)}
.abbrev-wordmark:hover{background:none}
.shortcut-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.shortcut-rail a{font:600 12.5px/1 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--typewriter-ink);text-decoration:none;background:var(--keycap-face);border:1px solid var(--keycap-edge);border-bottom-width:3px;border-radius:6px;padding:8px 11px}
.shortcut-rail a:hover{border-color:var(--ribbon-blue);background:var(--ribbon-pale)}
.keystroke-opening{padding:56px 0 30px;text-align:center}
.keystroke-opening h1{font:700 clamp(30px,5.6vw,50px)/1.12 "Charter","Cambria",Georgia,serif;margin:0 auto 16px;max-width:17ch;letter-spacing:-.015em}
.keystroke-opening h1 mark{background:var(--highlight-yellow);color:inherit;padding:0 .12em}
.keystroke-opening p{max-width:50ch;margin:0 auto;color:var(--margin-grey);font-size:18px}
.snippet-ledger{margin:26px 0 70px;border-top:2px solid var(--typewriter-ink)}
.snippet-entry{display:block;padding:22px 0;border-bottom:1px solid var(--keycap-edge);text-decoration:none;color:var(--typewriter-ink)}
.snippet-entry:hover{background:var(--ribbon-pale)}
.snippet-entry h2{font:700 22px/1.25 "Charter","Cambria",Georgia,serif;margin:8px 0 6px}
.snippet-entry p{margin:0;color:var(--margin-grey);font-size:15.5px;line-height:1.6}
.trigger-chip{display:inline-block;font:600 12.5px/1 "Courier New",Courier,monospace;color:var(--ribbon-blue);background:var(--ribbon-pale);border-radius:4px;padding:5px 8px}
.expansion-doc{padding:44px 0 70px}
.expansion-doc h1{font:700 clamp(27px,4.8vw,42px)/1.15 "Charter","Cambria",Georgia,serif;margin:14px 0 14px;letter-spacing:-.012em}
.caret-summary{font-size:19px;color:var(--margin-grey);margin:0 0 30px}
.caret-summary::after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--ribbon-blue);margin-left:4px;vertical-align:text-bottom}
.expansion-doc h2{font:700 13px/1.4 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:var(--ribbon-blue);margin:36px 0 6px}
.expansion-doc ul,.expansion-doc ol{padding-left:22px}.expansion-doc li{margin:7px 0}
.expansion-doc kbd{font:600 13.5px "Courier New",Courier,monospace;background:var(--keycap-face);border:1px solid var(--keycap-edge);border-bottom-width:2px;border-radius:4px;padding:1px 6px;white-space:nowrap}
.backspace-aside{background:var(--ribbon-pale);border-radius:8px;padding:14px 18px;font-size:15.5px}
.autocorrect-caution{border-top:1px solid var(--keycap-edge);border-bottom:1px solid var(--keycap-edge);padding:12px 0;font:14px/1.6 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--margin-grey);margin-top:30px}
.typed-timestamp{margin-top:34px;font:12.5px/1.5 "Courier New",Courier,monospace;color:var(--margin-grey)}
.spacebar-footer{border-top:1px solid var(--keycap-edge);background:var(--keycap-face);font:13px/1.7 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--margin-grey)}
.spacebar-footer .keyboard-column{padding-top:20px;padding-bottom:28px;text-align:center}
@media(max-width:680px){.keystroke-opening{padding:34px 0 18px}.expansion-doc{padding-top:28px}.shortcut-rail a{padding:7px 9px}}