.kk-blog__callout{border-left:3px solid var(--color-accent,#e8622a);background:#e8622a0f;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.25rem}.kk-blog__callout p{color:#52525b;margin:0;font-size:.9rem;line-height:1.65}.kk-blog__callout strong{color:#3f3f46}.kk-blog__code-block{background:var(--color-surface,#f4f4f5);border:1px solid var(--color-border,#e4e4e7);border-radius:8px;margin:1.5rem 0;padding:1.25rem 1.5rem}.kk-blog__code-block pre{border-radius:6px;overflow-x:auto;background:var(--color-bg,#fff)!important;border:1px solid var(--color-border,#e4e4e7)!important;margin:.75rem 0 0!important;padding:1rem 1.25rem!important}.kk-blog__code-block pre code{font-size:13px;line-height:1.65;color:var(--color-muted,#52525b)!important;background:0 0!important;border:none!important;padding:0!important}.kk-blog__code-label{letter-spacing:.08em;text-transform:uppercase;color:#71717a;margin-bottom:.25rem;font-size:.7rem;font-weight:600;display:block}.kk-blog__code-label--after{color:var(--color-accent,#e8622a)}.kk-blog__screenshot{text-align:center;background:#fafafa;border:2px dashed #d4d4d8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:200px;margin:2rem 0;padding:2rem;display:flex;position:relative}.kk-blog__screenshot-label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.kk-blog__screenshot-hint{font-family:var(--font-mono,monospace);color:#d4d4d8;margin-top:.25rem;font-size:.72rem}.kk-blog__component-grid{grid-gap:.5rem 1.5rem;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem;margin:1rem 0 1.5rem;display:grid}.kk-blog__component-grid li{color:var(--color-muted,#52525b)!important;margin-bottom:.4rem!important;padding-left:1.25rem!important;font-size:14px!important}.kk-blog__component-grid li:before{content:"→"!important;color:var(--color-accent,#e8622a)!important}.kk-blog__component-grid li span{font-family:var(--font-mono,monospace);color:#a1a1aa;margin-left:.35rem;font-size:12px}.dark .kk-blog__callout{background:#14b8a614}.dark .kk-blog__callout p{color:#a1a1aa}.dark .kk-blog__callout strong{color:#d4d4d8}.dark .kk-blog__screenshot{background:#18181b66;border-color:#3f3f46}
.style-module-scss-module__QDil0G__card{border:1px solid var(--color-border);color:inherit;background:var(--color-surface);border-radius:8px;flex-direction:column;width:100%;margin:1.5rem 0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;text-decoration:none!important}.style-module-scss-module__QDil0G__card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px #0000000f}.style-module-scss-module__QDil0G__sizeSm{max-width:320px}.style-module-scss-module__QDil0G__sizeMd{max-width:480px}.style-module-scss-module__QDil0G__sizeFull{max-width:100%}.style-module-scss-module__QDil0G__imageWrapper{aspect-ratio:2;background:var(--color-surface);width:100%;position:relative;overflow:hidden}.style-module-scss-module__QDil0G__image{-o-object-fit:cover;object-fit:cover}.style-module-scss-module__QDil0G__body{flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.style-module-scss-module__QDil0G__domain{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);font-size:11px}.style-module-scss-module__QDil0G__title{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4;margin:0!important}.style-module-scss-module__QDil0G__description{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden;margin:0!important}.style-module-scss-module__QDil0G__skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);background-size:200% 100%;height:180px;animation:1.4s infinite style-module-scss-module__QDil0G__shimmer}@keyframes style-module-scss-module__QDil0G__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}