.kb-scroll{overscroll-behavior-x:contain;padding-bottom:.375rem;overflow-x:auto}.kb{--kb-key-size:2.75rem;--kb-gap:.375rem;gap:var(--kb-gap);flex-direction:column;width:max-content;margin-inline:auto;display:flex}.kb-row{gap:var(--kb-gap);margin-left:calc(var(--kb-offset,0) * (var(--kb-key-size) + var(--kb-gap)));display:flex}.kb-row--space{margin-left:0;margin-top:calc(var(--kb-gap) * .5);justify-content:center}.kb-key{width:var(--kb-key-size);height:var(--kb-key-size);border:1px solid var(--border);background-color:var(--surface-2);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.0625rem;padding-bottom:.375rem;transition:background-color .15s,border-color .15s;display:flex;position:relative}.kb-key--space{width:calc(var(--kb-key-size) * 5 + var(--kb-gap) * 4)}.kb-key:after{content:"";background-color:#0000;border-radius:999px;height:.1875rem;position:absolute;bottom:.25rem;left:.4375rem;right:.4375rem}.kb-key-label{font-family:var(--font-mono);color:var(--ink);font-size:.875rem;font-weight:600;line-height:1.15}.kb-key-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:.625rem;line-height:1.15}.kb-key[data-band=good]{background-color:color-mix(in srgb, var(--correct) 18%, var(--surface-2));border-color:color-mix(in srgb, var(--correct) 40%, var(--border))}.kb-key[data-band=good]:after{background-color:var(--correct)}.kb-key[data-band=fair]{background-color:color-mix(in srgb, var(--caution) 18%, var(--surface-2));border-color:color-mix(in srgb, var(--caution) 40%, var(--border))}.kb-key[data-band=fair]:after{background-color:var(--caution)}.kb-key[data-band=poor]{background-color:color-mix(in srgb, var(--incorrect) 18%, var(--surface-2));border-color:color-mix(in srgb, var(--incorrect) 40%, var(--border))}.kb-key[data-band=poor]:after{background-color:var(--incorrect)}.kb-legend{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.kb-legend li{align-items:center;gap:.5rem;display:flex}.kb-legend-swatch{border:1px solid var(--border);background-color:var(--surface-2);border-radius:.3125rem;width:1.25rem;height:1.25rem;display:inline-block}.kb-legend-swatch[data-band=good]{background-color:color-mix(in srgb, var(--correct) 18%, var(--surface-2));border-color:color-mix(in srgb, var(--correct) 40%, var(--border));box-shadow:inset 0 -.1875rem 0 0 var(--correct)}.kb-legend-swatch[data-band=fair]{background-color:color-mix(in srgb, var(--caution) 18%, var(--surface-2));border-color:color-mix(in srgb, var(--caution) 40%, var(--border));box-shadow:inset 0 -.1875rem 0 0 var(--caution)}.kb-legend-swatch[data-band=poor]{background-color:color-mix(in srgb, var(--incorrect) 18%, var(--surface-2));border-color:color-mix(in srgb, var(--incorrect) 40%, var(--border));box-shadow:inset 0 -.1875rem 0 0 var(--incorrect)}.ka-table{border-collapse:collapse;width:100%;font-size:.875rem}.ka-table caption{text-align:left;color:var(--ink-subtle);margin-bottom:.5rem;font-size:.8125rem}.ka-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .75rem .5rem 0;font-size:.6875rem;font-weight:600}.ka-table td{color:var(--ink-muted);border-bottom:1px solid var(--border);vertical-align:middle;padding:.625rem .75rem .625rem 0}.ka-table th:last-child,.ka-table td:last-child{padding-right:0}.ka-table .ka-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.ka-key{border:1px solid var(--border-strong);background-color:var(--surface-2);min-width:1.75rem;height:1.75rem;font-family:var(--font-mono);color:var(--ink);border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:600;display:inline-flex}.ka-key[data-band=good]{border-color:color-mix(in srgb, var(--correct) 50%, var(--border))}.ka-key[data-band=fair]{border-color:color-mix(in srgb, var(--caution) 50%, var(--border))}.ka-key[data-band=poor]{border-color:color-mix(in srgb, var(--incorrect) 50%, var(--border))}.ka-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.ka-link:hover{color:var(--ink)}@media (width<=30rem){.kb{--kb-key-size:2.25rem;--kb-gap:.3125rem}.kb-key-value{font-size:.5625rem}.ka-table{font-size:.8125rem}.ka-table th,.ka-table td{padding-right:.5rem}.ka-table .ka-hide-sm{display:none}}