.blog-search{width:100%;max-width:32rem;margin:0 auto}.blog-search__field{position:relative;display:flex;align-items:center}.blog-search__icon{position:absolute;left:var(--s-4);color:var(--ink-muted);pointer-events:none}.blog-search__input{width:100%;padding:var(--s-3) var(--s-4) var(--s-3) calc(var(--s-4) + 26px);background:var(--canvas);border:1.5px solid var(--ink-subtle);border-radius:var(--r-pill);font-family:inherit;font-size:1rem;color:var(--ink);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.blog-search__input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.blog-search__input::-moz-placeholder{color:var(--ink-muted)}.blog-search__input::placeholder{color:var(--ink-muted)}.blog-index__h1{font-family:var(--font-display);font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.06;letter-spacing:-.015em;font-weight:800;color:var(--ink-2);margin:0;text-wrap:balance}.blog-index__chips{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center}.blog-category-chip{background:var(--canvas);border:1px solid var(--ink-subtle);color:var(--ink-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.blog-category-chip:hover{background:var(--canvas-2)}.blog-category-chip[aria-pressed=true]{background:var(--ink);color:var(--text-on-dark);border-color:var(--ink)}.blog-category-chip:focus-visible{outline:none;box-shadow:var(--shadow-glow)}.blog-index__featured{display:block;background:var(--canvas-3);color:var(--text-on-dark);padding:clamp(var(--s-8),4vw,var(--s-12));border-radius:var(--r-lg);max-width:64rem;margin:0 auto;text-decoration:none;transition:transform var(--dur-base) var(--ease)}.blog-index__featured:hover{transform:translateY(-2px)}.blog-index__featured:focus-visible{outline:none;box-shadow:0 0 0 3px var(--text-on-dark),0 0 0 6px var(--accent)}.blog-index__featured-badge{display:inline-block;background:var(--accent);color:var(--ink);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-4)}.blog-index__featured-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.12;letter-spacing:-.01em;font-weight:800;color:var(--text-on-dark);margin:0 0 var(--s-3);text-wrap:balance}.blog-index__featured-desc{color:#ffffffbf;font-size:1.0625rem;line-height:1.6;margin:0 0 var(--s-6);max-width:48rem}.blog-index__featured-cta{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--accent);font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:2px}.blog-index__grid{display:grid;grid-template-columns:1fr;gap:var(--s-4);max-width:72rem;margin:0 auto}@media(min-width:640px){.blog-index__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-index__grid{grid-template-columns:repeat(3,1fr)}}.blog-index__card{display:flex;flex-direction:column;gap:var(--s-3);background:var(--canvas);border:1px solid var(--ink-subtle);border-radius:var(--r-lg);padding:var(--s-6);text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);height:100%}.blog-index__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.blog-index__card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--accent)}.blog-index__card[hidden]{display:none}.blog-index__card-badge{align-self:flex-start;background:var(--accent-soft);color:var(--ink-2);padding:2px var(--s-3);border-radius:var(--r-pill);font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600}.blog-index__card-title{font-family:Montserrat,sans-serif;font-size:1.0625rem;font-weight:700;color:var(--ink-2);margin:0;line-height:1.35}.blog-index__card-desc{color:var(--ink-muted);font-size:.9375rem;line-height:1.55;margin:0;flex:1}.blog-index__card-cta{color:var(--ink-2);font-size:.8125rem;font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:1px;align-self:flex-start}.blog-index__empty{text-align:center;color:var(--ink-muted);padding:var(--s-12);grid-column:1 / -1}