.blog-index-wrapper{max-width:1100px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem)}.blog-index-header{margin-bottom:clamp(2rem,4vw,3.5rem);text-align:center}.blog-index-title{font-family:var(--font-jakarta),var(--nb-font),sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 .6rem}.blog-index-subtitle{font-size:1.0625rem;color:#666;margin:0}.blog-index-empty{text-align:center;padding:4rem 1rem;color:#888;font-size:1rem}.blog-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));grid-gap:1.75rem;gap:1.75rem;align-items:stretch}.blog-card{border-radius:12px;overflow:hidden;border:1px solid #111;background:#faf9f5;padding:12px 12px 18px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .15s ease}.blog-card:hover{transform:translateY(-2px);border-color:#000;box-shadow:0 8px 20px -4px rgba(0,0,0,.08)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;outline:none}.blog-card-link:focus-visible{outline:2px solid #111;outline-offset:3px;border-radius:12px}.blog-card-image-wrapper{width:100%;aspect-ratio:1.6/1;overflow:hidden;border-radius:12px;flex-shrink:0;background:#f3f4f6;margin-bottom:14px}.blog-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-image{transform:scale(1.025)}.blog-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.blog-card-body{display:flex;flex-direction:column;padding:0 4px;flex:1 1}.blog-card-title{font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:550;line-height:1.3;letter-spacing:-.01em;margin:0 0 4px;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-date{font-size:.875rem;font-weight:400;color:#6b7280;margin-top:auto}[data-theme=dark] .blog-index-subtitle{color:#9ca3af}[data-theme=dark] .blog-card{background:#161b22;border-color:hsla(0,0%,100%,.08);box-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .blog-card:hover{border-color:hsla(0,0%,100%,.16);box-shadow:0 12px 28px -4px rgba(0,0,0,.5),0 4px 8px -2px rgba(0,0,0,.3)}[data-theme=dark] .blog-card-image-wrapper{background:#1c2128}[data-theme=dark] .blog-card-image-placeholder{background:linear-gradient(135deg,#21262d,#161b22)}[data-theme=dark] .blog-card-title{color:#f0f6fc}[data-theme=dark] .blog-card-date{color:#8b949e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .blog-index-subtitle{color:#9ca3af}:root:not([data-theme=light]) .blog-card{background:#161b22;border-color:hsla(0,0%,100%,.08);box-shadow:0 1px 3px rgba(0,0,0,.3)}:root:not([data-theme=light]) .blog-card:hover{border-color:hsla(0,0%,100%,.16);box-shadow:0 12px 28px -4px rgba(0,0,0,.5),0 4px 8px -2px rgba(0,0,0,.3)}:root:not([data-theme=light]) .blog-card-image-wrapper{background:#1c2128}:root:not([data-theme=light]) .blog-card-image-placeholder{background:linear-gradient(135deg,#21262d,#161b22)}:root:not([data-theme=light]) .blog-card-title{color:#f0f6fc}:root:not([data-theme=light]) .blog-card-date{color:#8b949e}}@media (max-width:640px){.blog-index-wrapper{padding:1.5rem 1rem 3rem}.blog-index-header{margin-bottom:1.75rem}.blog-index-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card{border-radius:18px;padding:10px 10px 16px}.blog-card-image-wrapper{border-radius:10px;margin-bottom:12px}.blog-card-body{padding:0 3px}.blog-card-title{font-size:1.05rem;line-height:1.3}}