.blog-card{padding:var(--space-6);border-radius:20px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-card h1,.blog-card h2,.blog-card h3,.blog-card h4,.blog-card h5,.blog-card h6{text-align:left}.blog-card{background:#e9ecef;border:1px solid #adb5bdb3;transition:transform .4s}.blog-card:after{content:"";z-index:2;pointer-events:none;background:#fefefe73;border:1px solid #adb5bdb3;border-radius:16px;transition:inset .4s,border-radius .4s;position:absolute;inset:6px}[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{border-radius:20px;inset:0}.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>*{z-index:3;position:relative}[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{height:100%;color:inherit}.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 (width>=768px){.blog-card--large{padding:var(--space-8)}}.blog-card--large .blog-card__title{font-size:var(--font-size-xl)}@media (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 (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{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;display:inline-block}[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-text-fill-color:transparent;background-clip:text;padding-bottom:.15em}.blog-card__excerpt{font-size:var(--font-size-base);color:#000000b3}[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__excerpt{line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);text-align:left;-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.blog-card__meta{gap:var(--space-4);font-size:var(--font-size-sm);color:#000000b3;flex-wrap:wrap;display:flex}[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);align-items:center;gap:var(--space-2);white-space:nowrap;transition:color .2s,gap .2s;display:flex}[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}
