:root{--card-bg:#fff;--card-border:#e0e0e0;--card-shadow:rgba(0, 0, 0, 0.08);--card-footer-color:#666;--card-header-overlay:rgba(255, 255, 255, 0.95);--card-username-domain:#888}
@media (prefers-color-scheme:dark){
:root{--card-bg:#1a1a1a;--card-border:#333;--card-shadow:rgba(0, 0, 0, 0.3);--card-footer-color:#999;--card-header-overlay:rgba(26, 26, 26, 0.95);--card-username-domain:#777}
}
.card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;overflow:hidden;box-shadow:0 2px 4px var(--card-shadow);margin:1rem 0;transition:box-shadow .2s ease}
.card-link{text-decoration:none;color:inherit;display:block}
.card-link:hover .card{box-shadow:0 4px 8px var(--card-shadow)}
.card-header{position:relative;display:flex;flex-direction:column;min-height:80px}
.card-header-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.3}
.card-header-fg{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-header-overlay);backdrop-filter:blur(4px)}
.card-header-icon{flex-shrink:0}
.card-header-icon-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border)}
.card-header-text{flex:1;min-width:0}
.card-header-name{font-weight:600;font-size:1rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}
.card-header-name a{color:inherit;text-decoration:none}
.card-header-name a:hover{text-decoration:underline}
.card-header-username{font-size:.875rem;color:var(--card-footer-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-header-username-name{font-weight:500}
.card-header-username-domain{color:var(--card-username-domain)}
.card-content{padding:1rem;line-height:1.6}
.card-content>:first-child{margin-top:0}
.card-content>:last-child{margin-bottom:0}
.card-media{display:flex;flex-direction:column;gap:0}
.card-media img,.card-media video{width:100%;height:auto;display:block;max-height:400px;object-fit:cover}
.card-media>*{margin:0}
.card-footer{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--card-border);font-size:.875rem;color:var(--card-footer-color);flex-wrap:wrap}
.card-footer-title{font-weight:500}
.card-footer-archive,.card-footer-link{color:var(--card-footer-color);text-decoration:none}
.card-footer-archive:hover,.card-footer-link:hover{text-decoration:underline}
.card-footer-date{font-style:italic}
.card-footer-archive{margin-left:auto}
@media print{
.card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}
.card-header-bg{display:none}
.card-header-fg{background:0 0;backdrop-filter:none}
.card-link{color:inherit}
.card-footer-archive::after,.card-footer-link::after{content:" (" attr(href) ")";font-size:.75rem}
}
@media (max-width:640px){
.card-header-fg{gap:.5rem;padding:.75rem}
.card-header-icon-img{width:40px;height:40px}
.card-content{padding:.75rem}
.card-footer{padding:.5rem .75rem;font-size:.8125rem}
}