.blog-index{--paper:#fbf5de;--card:#fffdf8;--sand:#eac8a6;--rule:#e6d5b6;--ink:#1b2a3d;--ink-soft:#5d6b7e;--blue:#3d74b6;--blue-deep:#2a5a94;--accent:#dc3c22;background-color:var(--paper);color:var(--ink);font-family:var(--font-inter,ui-sans-serif,system-ui,sans-serif)}.blog-index .mono{font-family:var(--font-mono,ui-monospace,"SF Mono",Menlo,monospace);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}.blog-index .rule{border-color:var(--rule)}.blog-index .card{background-color:var(--card);border:1px solid var(--rule);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.blog-index .card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px -12px rgba(27,42,61,.25)}.blog-index .card:hover .card-title{color:var(--blue-deep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.blog-index .thumb{background-color:var(--sand);aspect-ratio:1200/630;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.blog-index .clamp-2{-webkit-line-clamp:2}.blog-index .clamp-2,.blog-index .clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-index .clamp-3{-webkit-line-clamp:3}@media (prefers-reduced-motion:reduce){.blog-index .card{transition:none}.blog-index .card:hover{transform:none}}