.kb-box[data-astro-cid-ojklakhn]{container-type:inline-size}.kb-stage[data-astro-cid-ojklakhn]{--u:min(58px, 6cqi);--gap:calc(var(--u) * .12);--edge:#c9c9ce;--side:#f1f1f3;--lime:#d9f99d;height:calc(var(--u) * 12.4);justify-content:center;align-items:center;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.kb[data-astro-cid-ojklakhn]{gap:var(--gap);padding:calc(var(--u) * .32);border-radius:calc(var(--u) * .4);border:1px solid var(--edge);box-shadow:7px 7px 0 0 var(--side), 7px 7px 0 1px var(--edge);background:#fff;flex-direction:column;flex:none;display:flex;transform:matrix(.866,.5,-.866,.5,0,0)}.kb-row[data-astro-cid-ojklakhn]{gap:var(--gap);display:flex}.key[data-astro-cid-ojklakhn]{width:calc(var(--u) * var(--w) + var(--gap) * (var(--w) - 1));height:var(--u);border-radius:calc(var(--u) * .14);border:1px solid var(--edge);box-shadow:2.5px 2.5px 0 0 var(--side), 2.5px 2.5px 0 1px var(--edge);color:#9a9aa0;font:400 calc(var(--u) * .26) / 1 system-ui, -apple-system, "Hanken Grotesk", sans-serif;transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .12s var(--ease);background:#fff;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.key[data-astro-cid-ojklakhn] b[data-astro-cid-ojklakhn]{font-weight:400}.key[data-astro-cid-ojklakhn] small[data-astro-cid-ojklakhn]{font-size:.8em}.key[data-astro-cid-ojklakhn]:hover{box-shadow:.5px .5px 0 0 var(--side), .5px .5px 0 1px var(--edge);transform:translate(2px,2px)}.mod[data-astro-cid-ojklakhn]{padding:0 0 calc(var(--u) * .12) calc(var(--u) * .14);font-size:calc(var(--u) * .19);justify-content:flex-end;align-items:flex-start}.mod[data-astro-cid-ojklakhn] small[data-astro-cid-ojklakhn]{top:calc(var(--u) * .14);right:calc(var(--u) * .14);font-size:1.1em;position:absolute}.mod[data-astro-cid-ojklakhn].r{padding:0 calc(var(--u) * .14) calc(var(--u) * .12) 0;align-items:flex-end}.caps[data-astro-cid-ojklakhn]:before{content:"";top:calc(var(--u) * .16);left:calc(var(--u) * .16);background:var(--edge);border-radius:50%;width:3px;height:3px;position:absolute}.fn[data-astro-cid-ojklakhn]{height:calc(var(--u) * .6)}.touch[data-astro-cid-ojklakhn]:after{content:"";aspect-ratio:1;border:1px solid var(--edge);border-radius:50%;width:46%}.arrow[data-astro-cid-ojklakhn]{font-size:calc(var(--u) * .16)}.ud[data-astro-cid-ojklakhn]{gap:calc(var(--gap) * .6);box-shadow:none;background:0 0;border:0;flex-direction:column;display:flex}.ud[data-astro-cid-ojklakhn]:hover{box-shadow:none;transform:none}.half[data-astro-cid-ojklakhn]{width:100%;height:calc((var(--u) - var(--gap) * .6) / 2);font-size:calc(var(--u) * .14)}.name[data-astro-cid-ojklakhn]{color:var(--ink)}.name[data-astro-cid-ojklakhn]:hover{background:var(--lime)}.name[data-astro-cid-ojklakhn] b[data-astro-cid-ojklakhn]{font-weight:600}.name[data-astro-cid-ojklakhn]{animation:type .28s var(--ease) calc(.7s + var(--i) * .14s) both}@keyframes type{50%{background:var(--lime);box-shadow:.5px .5px 0 0 var(--side), .5px .5px 0 1px var(--edge);transform:translate(2px,2px)}}@media (prefers-reduced-motion:reduce){.name[data-astro-cid-ojklakhn]{animation:none}.key[data-astro-cid-ojklakhn]{transition:none}}.blog-head[data-astro-cid-x255k2k2]{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (width<=860px){.blog-head[data-astro-cid-x255k2k2]{grid-template-columns:1fr;gap:8px}}.blog-pager[data-astro-cid-x255k2k2]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-top:24px;display:flex}.pager-info[data-astro-cid-x255k2k2]{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-3);text-transform:uppercase;font-size:12px}.pager-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pager-btn{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);text-align:center;min-width:36px;transition:all var(--dur) var(--ease);cursor:pointer;padding:8px 12px;font-size:12px}.pager-btn:hover:not(:disabled):not(.on){border-color:var(--ink-3);color:var(--ink)}.pager-btn.on{background:var(--accent);color:#fff;border-color:var(--accent);cursor:default}.pager-btn:disabled{opacity:.4;cursor:not-allowed}