.kc{display:grid;gap:var(--s-4);margin-top:var(--s-6)}@media (min-width:640px){.kc{grid-template-columns:repeat(3,minmax(0,1fr))}}.kc__item{display:grid;align-content:start;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2);transition:border-color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease)}.kc__item:focus-visible,.kc__item:hover{border-color:var(--brass);background:var(--slate);transform:translateY(-2px)}.kc__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--brass);transition:border-color .22s var(--ease)}.kc__item:focus-visible .kc__ic,.kc__item:hover .kc__ic{border-color:var(--brass)}.kc__ic svg{width:17px;height:17px}.kc__letter{font-family:var(--display);font-size:16px;font-weight:500;line-height:1}.kc__label{font-family:var(--mono);font-size:10.5px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-dim)}.kc__val{font-size:16px;line-height:1.35;color:var(--fg);overflow-wrap:anywhere;transition:color .22s var(--ease)}.kc__item:focus-visible .kc__val,.kc__item:hover .kc__val{color:var(--brass-hi)}.kc__hint{font-size:13px;line-height:1.5;color:var(--fg-mute)}.kf{max-width:62ch}.kform{max-width:72ch;margin-top:var(--s-6)}