.kg-card{margin:0 0 var(--pico-typography-spacing-vertical)}.kg-image-card img,.kg-gallery-image img{width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.kg-card figcaption{text-align:center;margin-top:.5rem}.kg-width-wide{width:min(100vw - 2rem,60rem);margin-inline:50%;transform:translate(-50%)}.kg-width-full{width:100vw;margin-inline:50%;transform:translate(-50%)}.kg-width-wide img,.kg-width-full img{width:100%}.kg-gallery-container{gap:.5rem;display:grid}.kg-gallery-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:.5rem;display:grid}.kg-gallery-image img{object-fit:cover;width:100%;height:100%}.kg-bookmark-container{border:1px solid var(--c-line);border-left:2px solid var(--c-neon-b);background:var(--c-bg2);min-height:7.5rem;color:var(--c-text);transition:border-color var(--pico-transition);text-decoration:none;display:flex}.kg-bookmark-container:is(:hover,:focus-visible){border-color:var(--c-neon-b)}.kg-bookmark-content{flex-direction:column;flex:auto;gap:.35rem;min-width:0;padding:.85rem 1rem;display:flex}.kg-bookmark-title{color:var(--c-link);font-weight:600;line-height:1.3}.kg-bookmark-container:hover .kg-bookmark-title{color:var(--c-link-hover)}.kg-bookmark-description{color:var(--c-muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.kg-bookmark-metadata{color:var(--c-muted);font-family:var(--f-mono);white-space:nowrap;align-items:center;gap:.5rem;margin-top:auto;font-size:.75rem;display:flex;overflow:hidden}.kg-bookmark-metadata>span{text-overflow:ellipsis;overflow:hidden}.kg-bookmark-publisher:before{content:"·";margin-right:.5rem}.kg-bookmark-icon{flex:none;width:1.25rem;height:1.25rem}.kg-bookmark-thumbnail{flex:0 0 33%;max-width:15rem;position:relative}.kg-bookmark-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kg-bookmark-thumbnail:has(img[hidden]){display:none}@media (width<=36rem){.kg-bookmark-container{flex-direction:column-reverse}.kg-bookmark-thumbnail{aspect-ratio:1.91;flex-basis:auto;max-width:none}}.kg-embed-card{flex-direction:column;align-items:center;display:flex}.kg-embed-facade,.kg-embed-player{border:0;width:100%;max-width:100%}.kg-embed-facade{background:linear-gradient(135deg, var(--c-neon-y) -20%, var(--c-neon-b) 55%, var(--c-bg) 120%);color:#f6f7fb;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);place-items:end start;text-decoration:none;display:grid;position:relative;overflow:hidden}.kg-embed-facade img{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-out;position:absolute;inset:0}.kg-embed-play{background:var(--c-ink);border:2px solid var(--c-neon-y);width:4.5rem;height:3.25rem;box-shadow:0 0 1.25rem color-mix(in srgb, var(--c-neon-y) 45%, transparent);transition:box-shadow var(--pico-transition);position:absolute;top:50%;left:50%;translate:-50% -50%}.kg-embed-play:after{content:"";background:var(--c-neon-y);clip-path:polygon(0 0,100% 50%,0 100%);width:1.1rem;height:1.25rem;margin:auto;position:absolute;inset:0;translate:.15rem}.kg-embed-text{background:linear-gradient(#0000,#07080de6);gap:.15rem;width:100%;padding:2.5rem 1rem .75rem;display:grid;position:relative}.kg-embed-title{font-weight:600;line-height:1.3}.kg-embed-provider{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:.6875rem}.kg-embed-facade:is(:hover,:focus-visible) .kg-embed-play{box-shadow:0 0 2rem var(--c-neon-y)}.kg-embed-facade:focus-visible{outline:var(--pico-outline-width) solid var(--c-neon-y);outline-offset:2px;clip-path:none}@media (prefers-reduced-motion:no-preference){.kg-embed-facade:hover img{transform:scale(1.04)}}.kg-callout-card{border:1px dashed var(--c-line);border-left:2px solid var(--c-neon-y);background:var(--c-bg2);gap:.75rem;padding:.75rem 1rem;display:flex}.kg-callout-card-blue,.kg-callout-card-accent{border-left-color:var(--c-neon-b)}.kg-callout-card-green{border-left-color:var(--code-token-inserted)}.kg-callout-card-red,.kg-callout-card-pink{border-left-color:var(--code-token-deleted)}.kg-callout-card-purple{border-left-color:var(--code-token-parameter)}.kg-callout-emoji{flex:none;font-size:1.25rem;line-height:1.5}.kg-callout-text{align-self:center}.kg-header-card{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);padding:clamp(2rem,6vw,4rem) 1.5rem}.kg-header-card-text.kg-align-center{text-align:center}.kg-header-card-heading{margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.6rem)}.kg-header-card-subheading{margin:0;font-size:1.15rem}.kg-file-card-container{border:1px solid var(--c-line);border-left:2px solid var(--c-neon-b);background:var(--c-bg2);color:var(--c-text);align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;display:flex}.kg-file-card-container:is(:hover,:focus-visible){border-color:var(--c-neon-b)}.kg-file-card-contents{flex:auto;min-width:0}.kg-file-card-title{color:var(--c-link);font-weight:600}.kg-file-card-caption:empty{display:none}.kg-file-card-metadata{color:var(--c-muted);font-family:var(--f-mono);gap:.75rem;font-size:.75rem;display:flex}.kg-file-card-icon svg{width:2rem;height:2rem;color:var(--c-link)}.kg-file-card-icon svg .a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.kg-code-card pre{margin-bottom:0}.kg-toggle-card{border:1px solid var(--c-line);border-left:2px solid var(--c-neon-b);background:var(--c-bg2);padding:.5rem 1rem}.kg-toggle-heading{cursor:pointer}.kg-toggle-heading-text{margin:0;font-size:1.05rem;display:inline}.kg-toggle-content{padding-top:.5rem}article.svelte-tpr0vu{clip-path:none;background:0 0;border:0;max-width:44rem;margin-inline:auto;padding:1rem 0 0}article.svelte-tpr0vu:is(:where(.svelte-tpr0vu):hover,:where(.svelte-tpr0vu):focus-within){box-shadow:none;background:0 0}header.svelte-tpr0vu{background:0 0;border:0;margin:0 0 2rem;padding:0}h1.svelte-tpr0vu{font-size:clamp(2rem,5vw,3rem);line-height:1.05}article.svelte-tpr0vu h2:not(.kg-header-card-heading):before{content:"";vertical-align:.12em;background:var(--fx) fixed;clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,0 70%);width:.5em;height:.5em;margin-right:.45em;display:inline-block}article.svelte-tpr0vu :is(p,li){font-size:1.0625rem;line-height:1.7}article.svelte-tpr0vu figcaption{font-family:var(--f-mono);color:var(--c-muted);font-size:.75rem}
