.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:1;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:transparent;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:transparent;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{font-size:var(--text-xs);opacity:.7}.m-filter-drop{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background:var(--bg);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:flex;flex-direction:column;padding:var(--space-2) 0 var(--space-6)}.m-bp{display:grid;grid-template-areas:"img right" "img body";grid-template-columns:var(--thumb) 1fr;grid-template-rows:auto 1fr;-moz-column-gap:var(--space-5);column-gap:var(--space-5);row-gap:var(--space-2);align-items:start;padding:var(--space-5) 0;border-bottom:1px solid var(--line);transition:padding var(--transition)}.m-bp:last-child{border-bottom:0}.m-bp[hidden]{display:none}.m-bp:not([hidden]):not(:has(~.m-bp:not([hidden]))){border-bottom:0}.m-bp:hover{padding-left:var(--space-2);padding-right:var(--space-2)}.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-img{grid-area:img;width:var(--thumb);height:var(--thumb);position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--line);align-self:start}.m-bp-right{grid-area:right;gap:var(--space-1);align-self:end;min-width:0}.m-bp-body,.m-bp-right{display:flex;flex-direction:column}.m-bp-body{grid-area:body;gap:var(--space-2);align-self:start}@media (max-width:560px){.m-bp{grid-template-areas:"img right" "body body";grid-template-columns:var(--thumb-sm) 1fr;grid-template-rows:auto auto;-moz-column-gap:var(--space-4);column-gap:var(--space-4);row-gap:var(--space-3)}.m-bp-img{width:var(--thumb-sm);height:var(--thumb-sm)}.m-bp-img,.m-bp-right{align-self:center}}.m-bp-meta{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.m-bp-dot{opacity:.6}.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-excerpt{color:var(--muted);font-size:var(--text-base);line-height:var(--leading-normal);max-width:62ch;text-wrap:pretty}.m-bp-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.m-empty{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);border-top:1px solid var(--line);flex-wrap:wrap}.m-page-btn{background:transparent;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)}