.stack{overflow-x:auto;border:1px solid var(--k-line);border-radius:var(--radius-card);background:var(--k-card)}.stack:focus-visible{outline-offset:2px}.stack__t{width:100%;border-collapse:collapse;min-width:640px;font-size:1rem}.stack__t th,.stack__t td{padding:14px 20px;text-align:left;vertical-align:top;border-top:1px solid var(--k-line)}.stack__t thead th{border-top:0;font:400 .75rem/1.4 var(--k-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--k-muted);background:var(--k-surface)}.stack__t tbody th{width:18%;color:var(--k-ink);font-weight:700}.stack__tech{width:34%;color:var(--k-ink);font-weight:400}.stack__note{color:var(--k-muted)}.stack__foot{margin:14px 0 0;font-size:.92rem;color:var(--k-muted)}.codes{list-style:none;margin:0;padding:0;display:grid;gap:20px}.codes--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr))}.codes__item{display:flex;gap:20px;min-width:0;padding:28px;border-radius:var(--radius-card);background:var(--k-card);border:1px solid var(--k-line)}.bg-surface .codes__item{border-color:transparent}.codes__body{flex:1;min-width:0}.codes__n{flex:none;font:400 .85rem/1.9 var(--k-mono);letter-spacing:.12em;color:var(--k-accent)}.codes__title{font-size:1.25rem;font-weight:700;margin-bottom:.35em}.codes__text{margin:0 0 14px}.snip{margin:0;border-radius:var(--radius-control);overflow:hidden;background:#141A27;color:#E6EAF2}.snip__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:4px 6px 4px 14px;border-bottom:1px solid rgba(255,255,255,.08);font:400 .75rem/1.4 var(--k-mono);color:#B9C2D3}.snip__copy{min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-control);background:transparent;color:#E6EAF2;font:400 .75rem/1 var(--k-mono);cursor:pointer}.snip__copy:hover{background:rgba(255,255,255,.08)}.snip__copy:focus-visible{outline:2px solid #F0C9E4;outline-offset:2px}.snip__pre{margin:0;padding:14px 16px;overflow-x:auto;font:400 .84rem/1.6 var(--k-mono);tab-size:4}.snip__pre:focus-visible{outline:2px solid #F0C9E4;outline-offset:-2px}.snip__pre code{font:inherit}@media (max-width:700px){.stack{overflow:visible}.stack__t{min-width:0}.stack__t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.stack__t tr{display:grid;gap:4px;padding:14px 18px;border-top:1px solid var(--k-line)}.stack__t tbody tr:first-child{border-top:0}.stack__t th,.stack__t td{display:block;width:auto!important;padding:0;border:0}.codes__item{padding:20px}}.codes__more{margin:24px 0 0}