.keyboard-guide{max-width:1500px}.keyboard-guide h2{font-size:clamp(23px,2.3vw,34px);line-height:1.2;margin-bottom:18px;letter-spacing:-.7px}.keyboard-guide p,.keyboard-guide li{line-height:1.8}.keyboard-guide section{scroll-margin-top:24px}.kg-hero{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:40px;padding:clamp(26px,4vw,62px);background:linear-gradient(120deg,#132958,#234ebb);color:white;border-radius:28px;overflow:hidden;margin-bottom:20px}.kg-hero h1{font-size:clamp(34px,4.3vw,62px);letter-spacing:-2px;line-height:1.08;margin:18px 0 22px;color:white}.kg-hero h1 em{font-style:normal;color:#b8dcff}.kg-hero p{color:#e0eaff;max-width:640px;font-size:18px}.kg-hero .typing-tools-eyebrow{color:#a8d1ff}.kg-hero-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-7deg);max-width:340px;justify-self:center;width:100%}.kg-hero-keys span{display:grid;place-items:center;aspect-ratio:1.2;border:1px solid #ffffff50;border-radius:18px;background:#ffffff15;box-shadow:0 6px 0 #091c4b50;font-size:clamp(19px,3vw,37px);font-weight:800}.kg-hero-keys span:nth-child(5){background:#a8d8ff;color:#143367}.kg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.kg-actions a,.kg-actions button{padding:12px 18px;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid #ffffff70;background:white;color:#17418c}.kg-actions button{background:transparent;color:white}.kg-toc{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 22px}.kg-toc a{padding:10px 16px;border:1px solid var(--border,#dce5f3);border-radius:30px;color:var(--text,#18324f);background:var(--surface,#fff);font-weight:650;font-size:14px;text-decoration:none}.keyboard-guide .typing-tool-section{padding:clamp(20px,3vw,40px);margin-bottom:24px;border-radius:24px}.keyboard-guide figure{margin:25px 0}.keyboard-guide figure img{display:block;width:100%;height:auto;border-radius:18px}.keyboard-guide figcaption{font-size:13px;line-height:1.6;color:var(--text-muted,#63748b);margin-top:10px}.kg-explorer{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kg-explorer button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--border,#d6e0ef);border-radius:13px;background:var(--surface,#fff);color:var(--text,#18324f);text-align:left;font:inherit;font-size:13px;cursor:pointer}.kg-explorer button strong{font-size:23px;color:var(--primary,#2463eb)}.kg-explorer button[aria-pressed=true]{outline:2px solid var(--primary,#2463eb);outline-offset:1px}.kg-explanation{padding:20px;border-left:4px solid #3976ed;background:var(--surface-alt,#eff5ff);border-radius:0 14px 14px 0;margin:20px 0 0;min-height:100px}.kg-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.kg-group-card{padding:24px;border:1px solid var(--border,#d9e4f1);border-radius:18px;background:var(--surface-alt,#f6f9fe)}.kg-group-card h3{font-size:21px;margin:18px 0 12px}.kg-key-badge{display:inline-flex;padding:10px 16px;background:#e2ecff;color:#174b9d;border:1px solid #c3d6f6;border-bottom:4px solid #c3d6f6;border-radius:9px;font-size:22px;font-weight:800}.kg-two{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:24px 0}.kg-two ol{padding-left:24px}.kg-table{overflow:auto;margin:20px 0;border:1px solid var(--border,#dce5f3);border-radius:14px}.kg-table table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.kg-table th,.kg-table td{padding:15px 18px;border-bottom:1px solid var(--border,#dce5f3);vertical-align:top;min-width:100px}.kg-table th{background:var(--surface-alt,#f0f5ff);font-weight:750}.kg-table tr:last-child td{border-bottom:0}.kg-source{font-size:13px}.keyboard-guide .keyboard-visual{max-width:100%;overflow-x:auto;padding:24px;background:var(--surface-alt,#f2f6ff);border:1px solid var(--border,#dae4f3);border-radius:18px;margin:20px 0}.keyboard-guide .keyboard-row{display:flex;gap:6px;min-width:610px;margin:6px 0}.keyboard-guide .keyboard-key{flex:1;min-width:36px;min-height:49px;display:grid;place-items:center;font-size:16px;background:var(--surface,#fff);border-bottom-width:3px}.keyboard-guide .keyboard-key.space{flex:6}.keyboard-guide .keyboard-key.wide{flex:1.5}.keyboard-guide .keyboard-row:nth-child(2){padding-left:18px}.keyboard-guide .keyboard-row:nth-child(3){padding-left:35px;padding-right:50px}.keyboard-guide .keyboard-row:nth-child(4){padding-left:55px;padding-right:80px}.keyboard-guide :focus-visible{outline:3px solid #8d6ef8;outline-offset:3px}@media(max-width:1000px){.kg-explorer{grid-template-columns:repeat(3,1fr)}.kg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.kg-hero{grid-template-columns:1fr;gap:24px}.kg-hero-keys{display:none}.kg-hero h1{letter-spacing:-1px}.kg-card-grid,.kg-two{grid-template-columns:1fr}.kg-explorer{grid-template-columns:repeat(2,1fr)}.kg-toc a{font-size:12px;padding:8px 12px}.kg-table table{min-width:570px}.keyboard-guide .keyboard-visual{padding:12px}.kg-table th,.kg-table td{padding:12px}.keyboard-guide figure img{border-radius:10px}}@media print{header,footer,.typing-tools-subnav,.kg-toc,.kg-actions,.kg-explorer,.kg-explanation,.keyboard-layout-controls,.typing-tool-related{display:none!important}.keyboard-guide{width:100%!important;max-width:none!important}.kg-hero{display:block;background:white!important;color:black;padding:15px!important}.kg-hero h1,.kg-hero h1 em,.kg-hero p{color:black!important}.kg-hero-keys{display:none}.keyboard-guide .typing-tool-section{box-shadow:none;border:0;padding:12px 0;break-inside:auto}.kg-group-card,figure,tr{break-inside:avoid}.kg-card-grid{grid-template-columns:1fr 1fr}.kg-table{overflow:visible}.kg-table table{min-width:0}.keyboard-guide details>p{display:block!important}.keyboard-guide img{max-width:100%}body{background:white!important;color:black!important}}