.card-surface{background:var(--color-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--color-text)6%,transparent)}@media (prefers-color-scheme:dark){.card-surface{box-shadow:none;border:1px solid var(--color-border)}}.card-title{font-family:var(--font-heading);color:var(--color-primary);margin:0;font-weight:600;transition:color .2s}.card-meta{color:var(--color-muted);font-size:.85rem}.card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.card-tag{color:var(--color-subtle);border-bottom:1px solid var(--color-border);padding:.2rem .4rem .2rem 0;font-size:.75rem;transition:color .15s,border-color .15s}.card-preview{color:var(--color-subtle);font-family:var(--font-body);-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-preview-3{-webkit-line-clamp:3}.card-preview-4{-webkit-line-clamp:4}.card-preview h1,.card-preview h2,.card-preview h3,.card-preview h4,.card-preview h5,.card-preview h6{margin-top:0;margin-left:0;margin-right:0;font-size:.875rem;font-weight:600}.card-preview p{margin:0;display:inline}.card-preview code{white-space:pre-wrap;word-break:break-all;font-size:.8rem}.card-preview pre{white-space:pre-wrap;word-break:break-all;max-width:100%}.card-hover-border:hover{border-left-color:var(--color-secondary)}.card-hover-title:hover .card-title{color:var(--color-secondary)}.card-hover-tags:hover .card-tag{color:var(--color-tertiary);border-color:var(--color-tertiary)}.card-loading,.card-error{text-align:center;color:var(--color-muted);padding:2rem}.card-error{color:var(--color-error)}