.m-toolbar{gap:var(--space-3);margin-bottom:var(--space-6)}.m-search-wrap,.m-toolbar{display:flex;align-items:center}.m-search-wrap{flex:0 1 22rem;position:relative}.m-search{width:100%;padding:var(--control-py-sm) var(--space-8) var(--control-py-sm) var(--control-px-sm);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--body);font-size:var(--text-sm);transition:border-color var(--transition)}.m-search::-moz-placeholder{color:var(--muted)}.m-search::placeholder{color:var(--muted)}.m-search:focus{border-color:var(--ink)}.m-search-clear{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--muted);cursor:pointer;line-height:var(--leading-tight);transition:color var(--transition-fast)}.m-search-clear:hover{color:var(--ink)}.m-filter-wrap{position:relative}.m-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--control-py-sm) var(--control-px-sm);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-family:var(--body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition)}.m-filter-btn:hover{color:var(--ink);border-color:var(--ink)}.m-filter-btn.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}[data-accent=on] .m-filter-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.m-filter-chevron{opacity:.7}.m-filter-drop{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-drop);padding:var(--space-2);z-index:50;display:flex;flex-direction:column;gap:var(--space-1)}.m-filter-search-wrap{position:relative;display:flex;align-items:center;padding:0 0 var(--space-2);border-bottom:1px solid var(--line);margin-bottom:var(--space-1)}.m-filter-search{width:100%;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-family:var(--body);font-size:var(--text-sm);transition:border-color var(--transition)}.m-filter-search::-moz-placeholder{color:var(--muted)}.m-filter-search::placeholder{color:var(--muted)}.m-filter-search:focus{border-color:var(--ink)}.m-filter-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.m-filter-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-family:var(--body);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.m-filter-item:hover{background:var(--chip);color:var(--ink)}.m-filter-item.is-active{color:var(--ink);font-weight:var(--font-semibold)}.m-filter-empty{color:var(--muted);font-size:var(--text-sm);text-align:center;padding:var(--space-3) var(--space-2)}.m-blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12) var(--space-8);padding:var(--space-4) 0 var(--space-12)}.m-bp[hidden]{display:none}.m-bp{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.m-bp-media{position:relative;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;background:var(--chip)}.m-bp-media img{transition:transform var(--transition)}.m-bp:hover .m-bp-media img{transform:scale(1.02)}.m-bp-body{display:flex;flex-direction:column;gap:var(--space-1)}.m-bp-meta{color:var(--muted);font-size:var(--text-sm)}.m-bp-title{font-family:var(--display);font-weight:var(--font-semibold);font-size:var(--text-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);text-wrap:balance;transition:color var(--transition)}.m-bp:hover .m-bp-title{color:var(--accent)}[data-accent=off] .m-bp:hover .m-bp-title{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.m-bp-excerpt{color:var(--ink-soft);font-size:var(--text-base);line-height:var(--leading-normal);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.m-blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.m-blog-list{grid-template-columns:1fr;gap:var(--space-10)}.m-search-wrap{flex:1}}.m-empty{grid-column:1/-1;color:var(--muted);padding:var(--space-8) 0;text-align:center;font-size:var(--text-sm)}.m-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-2);flex-wrap:wrap}.m-page-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-family:var(--body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--control-py-sm) var(--control-px-sm);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition)}.m-page-btn:hover:not(:disabled){border-color:var(--ink)}.m-page-btn:disabled{opacity:.35;cursor:not-allowed}.m-page-numbers{display:inline-flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.m-page-num{background:transparent;border:1px solid transparent;color:var(--muted);font-family:var(--body);font-size:var(--text-sm);font-weight:var(--font-medium);min-width:var(--space-8);height:var(--space-8);padding:0 var(--space-2);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.m-page-num:hover{color:var(--ink);border-color:var(--line)}.m-page-num.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}[data-accent=on] .m-page-num.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.m-results{text-align:center;color:var(--muted);font-size:var(--text-sm);padding:var(--space-3) 0 var(--space-8)}