:root{--blog-card-bg: #fff;--blog-category-color: #505050;--blog-title-color: #333}html.dark{--blog-card-bg: #111b22;--blog-category-color: #8fbdd6;--blog-title-color: #f5f7fa}.card{position:relative;display:flex;flex-direction:column;min-height:100%;border-radius:24px;overflow:hidden;background-color:var(--blog-card-bg);border:1px solid color-mix(in srgb,var(--card-accent, #3185b3) 12%,white);box-shadow:0 20px 60px color-mix(in srgb,var(--card-accent, #3185b3) 12%,transparent);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;transform:translateY(10px);animation:cardFadeIn .7s forwards}html.dark .card{border-color:#ffffff14;box-shadow:0 24px 60px #00000047}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card-accent-secondary, #61b695) 35%,white);box-shadow:0 28px 70px color-mix(in srgb,var(--card-accent, #3185b3) 18%,transparent)}html.dark .card:hover{border-color:color-mix(in srgb,var(--card-accent-secondary, #61b695) 36%,#1f2a33);box-shadow:0 28px 70px #0000005c}.card__img-wrapper{position:absolute;position:relative;width:100%;height:260px;overflow:hidden;isolation:isolate}.card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000000f,#00000059);pointer-events:none}html.dark .card__overlay{background:linear-gradient(180deg,#0000001a,#0000006b)}.card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card__img{transform:scale(1.1)}.card__topbar{position:absolute;inset:18px 18px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1}.card__category-pill,.card__views{display:inline-flex;align-items:center;border-radius:999px;padding:.5rem .8rem;font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;backdrop-filter:blur(10px)}.card__category-pill{color:#fff;text-decoration:none;background:color-mix(in srgb,var(--card-accent, #3185b3) 78%,black)}.card__views{color:#fff;background:#ffffff2e}html.dark .card__views{background:#0f171e73}.card__info{display:flex;flex:1;flex-direction:column;padding:1.15rem 1.15rem 1.2rem;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--card-accent, #3185b3) 4%,white))}html.dark .card__info{background:linear-gradient(180deg,#111b22,#16242d)}.card__meta-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem}.card__eyebrow,.card__meta-text{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--card-accent, #3185b3) 70%,#475569);font-weight:700}html.dark .card__eyebrow,html.dark .card__meta-text{color:color-mix(in srgb,var(--card-accent, #3185b3) 58%,#d7e3ea)}.card__meta-separator{width:6px;height:6px;border-radius:999px;background:var(--card-accent-secondary, #61b695)}.card__title{margin:0;font-family:Roboto Slab,serif;font-size:1.42rem;line-height:1.35;color:var(--blog-title-color)}.card__title a{color:inherit;text-decoration:none}.card__specs{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.card__spec-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.5rem .75rem;font-size:.76rem;font-weight:600;color:#334155;background:color-mix(in srgb,var(--card-accent-secondary, #61b695) 10%,white);border:1px solid color-mix(in srgb,var(--card-accent-secondary, #61b695) 16%,white)}html.dark .card__spec-pill{color:#d7e3ea;background:color-mix(in srgb,var(--card-accent-secondary, #61b695) 14%,#16242d);border-color:color-mix(in srgb,var(--card-accent-secondary, #61b695) 22%,#243746)}.card__footer{margin-top:auto;padding-top:1rem}.card__cta{display:inline-flex;align-items:center;gap:.45rem;color:var(--card-accent, #3185b3);font-weight:700;text-decoration:none}html.dark .card__cta{color:color-mix(in srgb,var(--card-accent, #3185b3) 62%,white)}.card__cta:after{content:"→";transition:transform .25s ease}.card:hover .card__cta:after{transform:translate(3px)}@media(max-width:768px){.card__img-wrapper{height:220px}.card__title{font-size:1.22rem}}