main:has(.blog-page){width:100%;max-width:960px}.blog-page{width:100%;max-width:960px;margin:0 auto;padding:1rem 0 2rem}.blog-page .page-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(var(--border),90%)}.blog-page .page-title{margin:0;font-size:1.25rem;font-weight:600;color:rgb(var(--black));letter-spacing:.02em}.blog-page .page-subtitle{margin:.25rem 0 0;font-size:.8rem;color:rgb(var(--gray));font-weight:400}.blog-page .card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;margin:0;padding:0}.blog-page .card-list .card{-moz-column-break-inside:avoid;break-inside:avoid}.blog-page .card-list .card:first-child{grid-column:1 / -1}.blog-page .card-link{display:block;height:100%;text-decoration:none;color:inherit;background:rgba(var(--surface),72%);border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid rgba(var(--border),88%);transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.blog-page .card-link:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:rgba(var(--border-strong),65%)}.blog-page .card-link:hover .card-image-wrap:after{opacity:1}.blog-page .card-body{padding:.6rem .75rem}.blog-page .card-list .card:first-child .card-body{padding:.65rem .85rem}.blog-page .card-image-wrap{position:relative;width:100%;aspect-ratio:3 / 2;background:linear-gradient(135deg,rgba(var(--surface-muted),72%),rgba(var(--surface-soft),45%));overflow:hidden}.blog-page .card-list .card:first-child .card-image-wrap{aspect-ratio:3 / 1}.blog-page .card-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--overlay),28%) 0%,transparent 50%);opacity:0;transition:opacity .25s ease}.blog-page .card-image-wrap img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.blog-page .card-link:hover .card-image-wrap img{transform:scale(1.03)}.blog-page .card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--surface-muted),95%),#509efe2e);color:rgba(var(--gray),72%);font-size:1.5rem}.blog-page .card-list .card:first-child .card-image-placeholder{font-size:1.75rem}.blog-page .card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.75rem;color:rgb(var(--gray))}.blog-page .card-date{margin:0}.blog-page .card-title{margin:0;font-size:.95rem;font-weight:600;line-height:1.35;color:rgb(var(--black))}.blog-page .card-description{margin:.25rem 0 0;font-size:.8rem;color:rgb(var(--gray));display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .card-list .card:first-child .card-title{font-size:1rem;font-weight:600}.blog-page .card-taxonomies{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-top:.4rem;font-size:.72rem}.blog-page .card-category{color:var(--accent);font-weight:500}.blog-page .card-tags{display:flex;flex-wrap:wrap;gap:.2rem;list-style:none;margin:0;padding:0}.blog-page .card-tags li span{display:inline-block;padding:.15em .4em;background:rgb(var(--chip-bg));color:rgb(var(--chip-text));border:1px solid rgba(var(--border),85%);border-radius:4px;font-size:.85em}@media(max-width:720px){.blog-page{padding:1rem 1.25rem 1.5rem}.blog-page .page-header{margin-bottom:1rem}.blog-page .card-list{grid-template-columns:1fr;gap:.75rem}.blog-page .card-list .card:first-child .card-image-wrap{aspect-ratio:3 / 2}.blog-page .card-body,.blog-page .card-list .card:first-child .card-body{padding:.6rem .75rem}.blog-page .card-title,.blog-page .card-list .card:first-child .card-title{font-size:.95rem}}.blog-pagination{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.85rem}.blog-pagination__list{display:flex;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}.blog-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:999px;border:1px solid rgba(var(--border),90%);background:rgba(var(--surface),88%);color:rgb(var(--text-muted));text-decoration:none}.blog-pagination__link:hover{background:rgba(var(--surface-soft),100%);color:rgb(var(--black));border-color:rgba(var(--border-strong),80%);transform:translateY(-1px)}.blog-pagination__item.is-active .blog-pagination__link{background:rgb(var(--accent-soft));border-color:rgba(var(--accent-border),92%);color:rgb(var(--accent-strong));font-weight:600;cursor:default}.blog-pagination__control{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2rem;padding:0 .75rem;border-radius:999px;border:1px solid rgba(var(--border),88%);background:rgba(var(--surface-muted),88%);color:rgb(var(--text-muted));text-decoration:none;font-size:.8rem}.blog-pagination__control:hover{background:rgba(var(--surface-soft),100%);color:rgb(var(--black));border-color:rgba(var(--border-strong),80%);transform:translateY(-1px)}.blog-pagination__control.is-disabled{opacity:.5;cursor:default;pointer-events:none}.blog-pagination__control--prev:before{content:"←";margin-right:.3rem;font-size:.9em}.blog-pagination__control--next:after{content:"→";margin-left:.3rem;font-size:.9em}.blog-page .blog-pagination{margin-top:2.25rem}