.keying-grid{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--ink);background:var(--ink);gap:3px}.kcard{background:var(--paper);padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);position:relative}.kcard.sell{background:var(--white)}.kcard .ka-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.kcard.sell .ka-top{padding-top:var(--s-2)}.kcard h3{font-size:var(--t-h3);letter-spacing:-.01em;line-height:1.05}.kcard h3 small{display:block;font:700 var(--t-label)/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-70);margin-top:8px}.kcard .diagram{border:1.5px solid var(--rule);background:var(--paper-2);padding:var(--s-2);color:var(--ink)}.kcard.sell .diagram{background:var(--paper)}.kcard .diagram svg{width:100%;height:auto;display:block}.kcard .diagram text{font-family:var(--grot)}.kcard p{font-size:var(--t-body);line-height:1.5}.kcard .kfoot{margin-top:auto;padding-top:var(--s-2);border-top:2px solid var(--ink);font:700 var(--t-label)/1.35 var(--grot);letter-spacing:.08em;text-transform:uppercase;min-height:calc(2.7em + var(--s-2) + 2px)}.kcard .kfoot a{color:var(--ink);text-decoration:none}.kcard .kfoot a:hover{text-decoration:underline}.kcard .ribbon{position:absolute;top:-3px;right:var(--s-3);background:var(--green);color:var(--paper);font:800 var(--t-label)/1 var(--grot);letter-spacing:.14em;text-transform:uppercase;padding:9px 10px 8px}@media(max-width:1100px){.keying-grid{grid-template-columns:1fr}.kcard{display:grid;grid-template-columns:356px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--s-4);row-gap:var(--s-2);align-items:start}.kcard .diagram{grid-column:1;grid-row:1 / 4}.kcard .ka-top,.kcard p,.kcard .kfoot{grid-column:2}.kcard p{max-width:62ch}.kcard .kfoot{min-height:0}}@media(max-width:860px){.kcard{padding:var(--s-2);column-gap:var(--s-3)}}@media(max-width:700px){.kcard{display:flex;flex-direction:column;align-items:stretch}.kcard .diagram svg{max-width:440px;margin:0 auto}}@media(max-width:560px){.kcard .kfoot a{display:inline-flex;align-items:center;min-height:44px}.kcard .kfoot{padding-top:4px;min-height:0}.kcard:not(.sell) .diagram{display:none}.kcard .diagram{margin:0 calc(var(--s-2) * -1);padding:8px;border-left:0;border-right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ka-keying.css.map */