.howto-table{width:100%;max-width:none}.howto-table th[scope=row]{vertical-align:top}.howto-table.by-mark th[scope=row]{width:20%}.howto-table.by-mark td.glyphs{width:34%}.howto-table td{vertical-align:top}.howto-table .glyphs{font-family:var(--stack-glyph);font-size:var(--text-lg);letter-spacing:.04em;line-height:1.7}.howto-table.chords .glyph{font-family:var(--stack-glyph);font-size:var(--text-lg)}.howto-table kbd{white-space:nowrap}.howto-table th a{align-items:center;min-height:44px;display:inline-flex}.howto-traps th[scope=row]{white-space:nowrap}.howto-traps th .glyph{font-family:var(--stack-glyph);font-size:var(--text-lg);margin-left:6px}.search-words .cell-label{display:none}@media (max-width:639px){.by-mark thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.by-mark,.by-mark tbody,.by-mark tr,.by-mark th,.by-mark td{display:block;width:auto!important}.by-mark tr{border-bottom:1px solid var(--line);padding:8px 0}.by-mark th,.by-mark td{border:0;padding:0}.by-mark th[scope=row]{padding:8px 0 4px;font-weight:600}.search-words .cell-label{display:inline}}.howto-related .letter-links{columns:3 14rem;column-gap:24px}.howto-related .letter-links li{break-inside:avoid}.shot-group h3{margin-top:24px}.shots{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;display:flex}.shot{max-width:100%;margin:0}.shot img{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;max-width:100%;height:auto;display:block}.shot figcaption{max-width:36rem;font-size:var(--text-sm);color:var(--muted);margin-top:8px}.shot .credit{margin-top:2px;display:block}
.kb-editor{margin:20px 0 32px}.kb-box{display:block}.kb-box textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:9rem;max-height:60vh;font:1.5rem/1.5 var(--stack-glyph);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:block}.kb-box textarea::placeholder{color:var(--muted)}.kb-box textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.kb-keys{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;margin-top:14px;display:grid}.kb-editor .kb-key{min-height:72px;font-size:2.2rem}.kb-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (max-width:639px){.kb-keys{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.kb-editor .kb-key{min-height:var(--tile);font-size:1.8rem}.kb-box textarea{height:8rem;min-height:7rem;font-size:1.25rem}.kb-actions>button{flex:auto}}.kb-layout{margin-top:14px;display:none}@media (min-width:640px){.kb-editor.has-layout .kb-layout{display:block}.kb-editor.has-layout .kb-actions .kb-shift{display:none}.kb-editor.has-layout .kb-keys{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:8px}.kb-editor.has-layout .kb-key{min-height:56px;font-size:1.8rem}.kb-phone-note{display:none}}.kb-layout-head{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:10px;display:flex}.kb-switch{flex-wrap:wrap;gap:8px;display:inline-flex}.kb-key-legend{font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;display:flex}.kb-swatch{border:1px solid var(--line);border-radius:4px;width:1.1em;height:1.1em;display:inline-block}.kb-swatch.is-dead{border:2px dashed var(--accent)}.kb-key-legend .kb-swatch:not(:first-child){margin-left:12px}.kb-board{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.kb-row{display:flex}.kc-cell{flex:1 1 0;min-width:0;padding:3px;display:flex}.kb-editor .kb-board .kc{box-sizing:border-box;min-width:0;min-height:52px;font:400 1.35rem/1 var(--stack-glyph);flex:auto;justify-content:center;align-items:center;padding:0 2px;display:flex;position:relative;overflow:hidden}.kb-editor .kb-board :is(.kc-mod,.kc-space,.kc-inert){font:600 var(--text-sm)/1.1 var(--stack-ui)}.kb-editor .kb-board .kc-inert{color:var(--muted)}.kb-editor .kb-board .kc.is-none .kc-face{opacity:.4}.kb-editor .kb-board .kc.is-dead:after{content:"";border:2px dashed var(--accent);pointer-events:none;border-radius:6px;position:absolute;inset:5px 5px 7px}.kb-editor .kb-board .kc[aria-pressed=true]:after{border-color:currentColor}.kc-cell.is-tail{padding-top:0}.kb-editor .kb-board .kc-enter-iso{border-bottom-right-radius:0}.kb-editor .kb-board .kc-enter-tail{z-index:1;cursor:pointer;background:var(--paper);border:1px solid var(--line);border-top:0;border-bottom:4px solid var(--cap-edge);border-radius:0 0 var(--cap-radius) var(--cap-radius);margin-top:-11px;position:relative}:is(.kb-board:has(.kc-enter-iso:hover) .kc-enter-tail,.kb-board:has(.kc-enter-tail:hover) .kc-enter-iso){border-color:var(--accent)}.kb-board:has(.kc-enter-iso:hover) .kc-enter-tail{border-top:0}.kc-top,.kc-alt{font-size:.8rem;line-height:1;position:absolute}.kc-top{color:var(--muted);top:5px;left:7px}.kc-alt{color:var(--accent);bottom:8px;right:7px}.kc[aria-pressed=true] :is(.kc-top,.kc-alt){color:inherit}.kb-editor .kb-board .kc-alt.is-lit{font-size:1.15rem;font-weight:600;bottom:5px;right:6px}.kb-dead-hint{min-height:1.5em;margin:8px 0 0;font-weight:600}.kb-routes{font-size:var(--text-sm);flex-wrap:wrap;gap:6px 24px;margin:6px 0 0;padding:0;list-style:none;display:flex}.kb-routes .glyph{margin-right:4px;font-size:1.15rem}.kb-routes .kb-mark{margin:0 1px;font-size:1.4rem;line-height:1}.kb-quick{margin:14px 0 0;font-weight:600}@media (min-width:1024px){.kb-editor .kb-board .kc{min-height:60px;font-size:1.6rem}.kb-editor .kb-board :is(.kc-mod,.kc-space,.kc-inert){font-size:var(--text-sm)}.kc-top,.kc-alt{font-size:.95rem}.kb-editor .kb-board .kc-alt.is-lit{font-size:1.35rem}}@media (min-width:640px){.kb-editor.has-layout .kb-box textarea{height:7rem;min-height:5.5rem}}.kb-phone-note{margin:0 0 12px}.kb-keys.is-grouped{flex-wrap:wrap;gap:10px 22px;display:flex}.kb-group{flex-wrap:wrap;gap:6px;display:flex}.kb-editor .kb-group .kb-key{width:52px;min-height:52px;font-size:1.6rem}.kb-tones{display:none}.kb-editor .kb-tone .glyph{font-size:1.9rem}@media (max-width:639px){.kb-keys.is-grouped{display:none}.kb-tones{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}}.kb-telex{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0;display:flex}.kb-telex-rules{font-size:var(--text-sm);flex-wrap:wrap;gap:4px 14px;display:flex}.kb-telex-rules .glyph{font-size:1.15rem}
@media (max-width:639px){.kb-head{flex-direction:column;display:flex}.kb-head>.kb-editor{order:0;margin:16px 0}.kb-head>.kb-intro{order:1;margin:0 0 12px}.kb-head>.kb-phone-note{order:2;margin:0 0 24px}}.kb-legend .kb-hotkeys{max-width:40rem}.kb-hotkeys th,.kb-hotkeys td{vertical-align:middle}.kb-hotkeys td.glyph{font-size:var(--text-lg)}.kb-again{color:var(--muted);font-size:var(--text-sm)}.kb-device-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}@media (min-width:640px){.kb-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.kb-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.kb-device{border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}article .kb-device h3{font-size:var(--text-base);margin:0 0 8px}.kb-device dl{margin:0}.kb-device dl>div{border-bottom:1px solid var(--line);grid-template-columns:2.75rem minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.kb-device dl>div:last-child{border-bottom:0}.kb-device dt{font-size:var(--text-xl);line-height:1}.kb-device dt a{justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.kb-device dd{font-size:var(--text-sm);margin:0;padding:6px 0;line-height:1.9}.kb-device .kb-setup,.kb-device .kb-none{font-size:var(--text-sm);color:var(--muted);margin:0 0 6px}.kb-device .kb-none{margin:8px 0 0}.kb-related-list{flex-wrap:wrap;gap:0 24px;margin:0;padding:0;list-style:none;display:flex}.kb-related-list a{align-items:center;min-height:44px;display:inline-flex}.kb-device .kb-device-groups>div{padding:8px 0;display:block}.kb-device .kb-device-groups dt{font-size:var(--text-lg);word-spacing:.15em;line-height:1.5}.kb-device .kb-device-groups dd{padding:2px 0 0}