.blog-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);border-radius:20px;text-decoration:none;overflow:hidden;background:#e9ecef;border:1px solid rgba(173,181,189,.7);transition:transform .4s ease;height:100%;color:inherit}.blog-card h1,.blog-card h2,.blog-card h3,.blog-card h4,.blog-card h5,.blog-card h6{text-align:left}.blog-card:after{content:"";position:absolute;inset:6px;background:#fefefe73;border-radius:16px;border:1px solid rgba(173,181,189,.7);z-index:2;pointer-events:none;transition:inset .4s ease,border-radius .4s ease}[data-theme=dark] .blog-card:after{background:#343a4073;border-color:#ced4da1a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card:after{background:#343a4073;border-color:#ced4da1a}}.blog-card:where(a,button):hover:after{inset:0;border-radius:20px}.blog-card:where(a,button):hover{transform:translateY(-6px)}.blog-card:where(a,button):hover [class*=__icon],.blog-card:where(a,button):hover [class*=__badge]{transform:scale(1.1) rotate(5deg)}.blog-card:where(a,button):hover [class*=__link]{color:var(--color-primary)}.blog-card:where(a,button):hover [class*=__link] i{transform:translate(4px)}.blog-card>*{position:relative;z-index:3}[data-theme=dark] .blog-card{background:#212529;border-color:#ced4da26}[data-theme=dark] .blog-card:where(a,button):hover [class*=__link]{color:var(--color-primary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card{background:#212529;border-color:#ced4da26}:root:not([data-theme=light]) .blog-card:where(a,button):hover [class*=__link]{color:var(--color-primary)}}.blog-card:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.blog-card:hover .blog-card__category span{background:var(--color-primary-200)}[data-theme=dark] .blog-card:hover .blog-card__category span{background:var(--color-primary-800)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card:hover .blog-card__category span{background:var(--color-primary-800)}}@media (min-width: 768px){.blog-card--large{padding:var(--space-8)}}.blog-card--large .blog-card__title{font-size:var(--font-size-xl)}@media (min-width: 768px){.blog-card--large .blog-card__title{font-size:var(--font-size-xxl)}}.blog-card--large .blog-card__excerpt{font-size:var(--font-size-base);-webkit-line-clamp:5}@media (min-width: 768px){.blog-card--large .blog-card__excerpt{font-size:var(--font-size-lg)}}.blog-card--small .blog-card__title{font-size:var(--font-size-lg)}.blog-card--small .blog-card__excerpt{-webkit-line-clamp:3}.blog-card__category{margin-bottom:var(--space-3)}.blog-card__category span{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em;transition:background .2s ease}[data-theme=dark] .blog-card__category span{background:var(--color-primary-900);color:var(--color-primary-200)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card__category span{background:var(--color-primary-900);color:var(--color-primary-200)}}.blog-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight);text-align:left;background:linear-gradient(to right,var(--color-secondary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.15em}.blog-card__excerpt{font-size:var(--font-size-base);color:#000000b3;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex:1;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4}[data-theme=dark] .blog-card__excerpt{color:#fffc}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card__excerpt{color:#fffc}}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.blog-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:#000000b3}[data-theme=dark] .blog-card__meta{color:#fffc}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card__meta{color:#fffc}}.blog-card__meta i{margin-right:var(--space-1)}.blog-card__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondary);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:color .2s ease,gap .2s ease}[data-theme=dark] .blog-card__link{color:var(--color-secondary-dark)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .blog-card__link{color:var(--color-secondary-dark)}}.blog-card__link i{font-size:.75rem;transition:transform .2s ease}
