.blog-index{padding:var(--section-pad-y) var(--page-gutter);max-width:var(--container-wide);margin:0 auto}.blog-index__inner{max-width:var(--container-max);margin:0 auto}.blog-index__controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.blog-search{flex:0 320px;min-width:220px;position:relative}.blog-search__icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-search__input{width:100%;height:44px;padding:0 var(--space-4) 0 42px;font-family:var(--font-body);font-size:var(--text-small);color:var(--text-default);background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.blog-search__input::placeholder{color:var(--text-muted)}.blog-search__input:focus{outline-offset:3px;border-color:var(--brand-primary);box-shadow:var(--focus-ring);outline:2px solid #0000}.blog-search__input::-webkit-search-cancel-button{cursor:pointer}.blog-index__filters{gap:var(--space-3);flex-wrap:wrap;display:flex}.blog-index__count{font-size:var(--text-small);color:var(--text-muted);margin:0 0 var(--space-5)}.filter-chip{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--fw-semibold);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-default);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);padding:8px 18px}.filter-chip:hover{border-color:var(--brand-primary);color:var(--text-default)}.filter-chip.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand)}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.blog-grid{grid-template-columns:1fr}}.blog-card{color:inherit;background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-slow);flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280a}.blog-card[hidden]{display:none}.blog-card:hover{border-color:color-mix(in srgb, var(--brand-primary) 30%, var(--border-default));box-shadow:0 18px 40px -18px color-mix(in srgb, var(--brand-primary) 28%, transparent);transform:translateY(-4px)}.blog-card:focus{outline-offset:3px;outline:2px solid #0000}.blog-card:focus-visible{box-shadow:var(--focus-ring)}.blog-card__media{aspect-ratio:16/10;background:var(--bg-subtle);display:block;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card__tag{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:var(--ls-wider);font-weight:var(--fw-bold);color:var(--brand-primary);margin:0 0 var(--space-3);align-self:flex-start;display:inline-block}.blog-card__title{font-family:var(--font-display);letter-spacing:var(--ls-tight);font-size:1.1875rem;line-height:1.3;font-weight:var(--fw-bold);color:var(--text-default);margin:0 0 var(--space-3);text-wrap:balance}.blog-card__desc{font-size:var(--text-small);line-height:var(--lh-snug);color:var(--text-muted);margin:0 0 var(--space-5);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card__cta{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--brand-primary);margin-top:auto;font-size:.9375rem;display:inline-flex}.blog-card__cta svg{width:16px;height:16px;transition:transform var(--transition-base)}.blog-card:hover .blog-card__cta svg{transform:translate(3px)}.blog-index__empty{text-align:center;color:var(--text-muted);padding:var(--space-8) 0}[data-theme=dark] .blog-search__input{color:var(--neutral-0);background:#11161e;border-color:#1f2937}[data-theme=dark] .blog-index .filter-chip{color:#9ca3b3;background:#11161e;border-color:#1f2937}[data-theme=dark] .blog-index .filter-chip:hover{border-color:var(--brand-skyblue);color:var(--neutral-0)}[data-theme=dark] .blog-index .filter-chip.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand)}[data-theme=dark] .blog-card{box-shadow:none;background:#11161e;border-color:#1f2937}[data-theme=dark] .blog-card:hover{border-color:color-mix(in srgb, var(--brand-skyblue) 45%, #1f2937);background:#141a23;box-shadow:0 18px 40px -18px #000000b3}[data-theme=dark] .blog-card__title{color:var(--neutral-0)}[data-theme=dark] .blog-card__tag,[data-theme=dark] .blog-card__cta{color:var(--brand-skyblue)}