.content-card{--card-bg:var(--color-paper);--card-text:var(--color-ink-950);--card-text-muted:var(--color-ink-700);--card-border:1px solid var(--color-border);--card-shadow:var(--shadow-card);background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease;height:100%}.content-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px var(--color-shadow-strong)}.content-card--dark{--card-bg:linear-gradient(180deg,rgba(12,24,35,0.98),rgba(7,19,30,1));--card-text:#ffffff;--card-text-muted:rgba(255,255,255,0.76);--card-border:1px solid rgba(255,255,255,0.12);--card-shadow:0 24px 48px rgba(0,0,0,0.3);color:#ffffff}.content-card__media{position:relative;overflow:hidden;border-bottom:var(--card-border)}.content-card .card-body{padding:clamp(var(--space-4),3vw,var(--space-6));display:flex;flex-direction:column;gap:var(--space-4);flex:1 1}.content-card .card-title{font-family:var(--font-family-display);font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:800;line-height:1.15;margin:0}.content-card .card-title a{color:var(--card-text);text-decoration:none}.content-card .card-summary{color:var(--card-text-muted);font-size:var(--text-sm);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-card .card-meta{margin-top:auto}.content-card .card-price{font-family:var(--font-family);color:var(--card-text);font-size:var(--text-lg);font-weight:700}.content-card--dark .card-price{color:var(--color-primary-light)}.content-card .card-actions{margin-top:var(--space-4);display:flex;gap:var(--space-2)}.content-card .btn{border-radius:var(--radius-button);font-weight:700;height:48px}.best-index-template-card{min-height:570px}.card-type-badge{position:absolute;top:16px;left:16px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.9);color:var(--color-primary);border:1px solid rgba(0,90,100,.1);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:640px){.content-card .card-body{padding:var(--space-5)}}