.blog-card{--accent:#419fd8;background:transparent;border-left:2px solid color-mix(in srgb,var(--accent) 85%,transparent);border-top:1px solid rgba(232,236,242,.06);display:grid;gap:.85rem 1.5rem;grid-template-columns:auto 1fr;padding:1.75rem 1.5rem 1.75rem 1.25rem;transition:background .3s ease,border-left-width .3s ease,transform .3s ease}.blog-card:hover{background:rgba(31,33,40,.4);border-left-width:6px;transform:translateY(-1px)}.blog-card-index{color:color-mix(in srgb,var(--accent) 92%,#e8ecf2);font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.14em;min-width:2.25rem;opacity:.9;padding-top:.25rem;text-transform:uppercase}.blog-card-body{min-width:0}.blog-card-kicker{color:color-mix(in srgb,var(--accent) 92%,#e8ecf2);font-family:IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.14em;opacity:.9;text-transform:uppercase}.blog-card-title{color:#e8ecf2;font-size:clamp(1.4rem,2.6vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:.75rem;transition:color .25s ease}.blog-card:hover .blog-card-title{color:color-mix(in srgb,var(--accent) 65%,#e8ecf2)}.blog-card-excerpt{color:rgba(154,165,181,.95);font-size:.95rem;line-height:1.7;margin-top:.85rem;max-width:56rem}.blog-card-arrow{color:color-mix(in srgb,var(--accent) 70%,#e8ecf2);transition:transform .25s ease}.blog-card:hover .blog-card-arrow{transform:translateX(2px)}.blog-meta{align-items:center;color:rgba(154,165,181,.8);display:flex;flex-wrap:wrap;font-family:IBM Plex Mono,monospace;font-size:.65rem;gap:.75rem;letter-spacing:.06em;text-transform:uppercase}.blog-pagination{border-top:1px solid rgba(232,236,242,.06);margin-top:3rem;padding-top:2rem}.blog-pagination .page-numbers{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;list-style:none;margin:0;padding:0}.blog-pagination .page-numbers li{margin:0;padding:0}.blog-pagination a.page-numbers,.blog-pagination span.page-numbers{align-items:center;border:1px solid rgba(232,236,242,.08);border-radius:9999px;color:rgba(154,165,181,.95);display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.65rem;justify-content:center;letter-spacing:.08em;min-height:2.5rem;min-width:2.5rem;padding:.5rem .85rem;text-decoration:none;text-transform:uppercase;transition:border-color .25s ease,color .25s ease,background .25s ease}.blog-pagination a.page-numbers:hover{background:rgba(31,33,40,.45);border-color:rgba(65,159,216,.45);color:#e8ecf2}.blog-pagination a.page-numbers:focus-visible{box-shadow:0 0 0 2px rgba(65,159,216,.45);outline:none}.blog-pagination span.page-numbers.current{background:rgba(65,159,216,.12);border-color:rgba(65,159,216,.55);color:#e8ecf2}.blog-pagination .page-numbers .next,.blog-pagination .page-numbers .prev{min-width:auto;padding-inline:1rem}.blog-pagination .page-numbers .dots{border-color:transparent;color:rgba(154,165,181,.55);min-width:auto;padding-inline:.25rem}