.panel-blog-filter{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.panel-blog-filter__btn{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);border-radius:var(--radius-pill);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border);background:#fff;padding:13px 20px;transition:background-color .18s,color .18s,box-shadow .18s}.panel-blog-filter__btn:hover{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.panel-blog-filter__btn[aria-pressed=true],.panel-blog-filter__btn[aria-current]{background:var(--color-primary);color:#fff;box-shadow:none}.panel-blog-filter__btn[aria-current]:hover{color:#fff}a.panel-blog-filter__btn{text-decoration:none}.panel-blog-card{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);transition:box-shadow .2s,transform .2s;display:grid;overflow:hidden}.panel-blog-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.panel-blog-card__media-wrap{overflow:hidden}.panel-blog-card__media{border:0;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);aspect-ratio:16/9;border-radius:0;transition:transform .35s}.panel-blog-card:hover .panel-blog-card__media{transform:scale(1.04)}.panel-blog-card__body{overflow-wrap:break-word;padding:var(--sp-5);gap:var(--sp-2);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.panel-blog-card__title{font-size:var(--fs-xl)}.panel-blog-card__body .link-arrow{margin-top:var(--sp-2)}.panel-blog-meta{font-size:var(--fs-sm);color:var(--color-text-muted);flex-wrap:wrap;gap:8px 14px;display:flex}.panel-blog-meta span:not(:last-child):after{content:"·";color:var(--color-border);margin-left:14px}.panel-blog-grid__grid{margin-top:var(--sp-6)}.panel-blog-card__tag{color:var(--color-primary)}.panel-blog-card__media img{object-fit:contain;width:100%;height:100%;display:block}.archive__card-media--fallback,.panel-blog-card__media--fallback{aspect-ratio:16/9;background:var(--color-tint-blue);color:var(--color-primary);place-items:center;display:grid}.archive__card-media--fallback .archive__card-mark,.panel-blog-card__media--fallback .panel-blog-card__mark{object-fit:contain;width:auto;max-width:70%;height:36px}.archive__card--feature .archive__card-media--fallback .archive__card-mark{object-fit:contain;height:48px}.archive__card:hover .archive__card-media--fallback .archive__card-mark,.panel-blog-card:hover .panel-blog-card__media--fallback{transform:none}