.nw-blog{padding:0 max(var(--pad-x), (100% - var(--max-w)) / 2 + var(--pad-x)) 64px}.nw-blog-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.nw-blog-tools{flex:0 320px;gap:8px;margin:0 0 -4px;display:flex}.nw-search{flex:1;min-width:0;position:relative}.nw-filter-btn{border:1px solid var(--line-strong);border-radius:var(--btn-r);width:48px;height:48px;color:var(--text-1);cursor:pointer;background:#fff;flex:none;place-items:center;margin:0;padding:0;transition:border-color .15s,background-color .15s,color .15s;display:none}.nw-filter-btn:hover{border-color:var(--blue);color:var(--blue)}.nw-filter-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nw-filter-btn[aria-expanded=true]{border-color:var(--blue)}.nw-blog:has(.nw-check input:checked) .nw-filter-btn{color:var(--blue)}.nw-filter-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.nw-search-btn{border-radius:var(--btn-r);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;transition:background-color .15s,color .15s;display:grid;position:absolute;top:8px}.nw-search-btn.is-search{left:8px}.nw-search-btn.is-clear{right:8px}.nw-search-btn:hover{color:var(--text-1);background:#11162c0f}.nw-search-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nw-search-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.nw-search-input{border:1px solid var(--line-strong);border-radius:var(--btn-r);width:100%;height:48px;color:var(--text-1);font:400 var(--text-body) / var(--lh-body) var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:#fff;margin:0;padding:0 40px;transition:border-color .15s,box-shadow .15s}.nw-search-input::placeholder{color:var(--placeholder)}.nw-search-input::-webkit-search-cancel-button{appearance:none;display:none}.nw-search-input:hover{border-color:var(--line-hover)}.nw-search-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3b3bef2e}@media (max-width:940px){.nw-blog-tools{flex-basis:100%;margin:0}.nw-filter-btn{display:grid}}.nw-blog-cols:has(>.nw-blog-grid>.nw-blog-empty:not([hidden]))>.nw-blog-grid{display:contents}.nw-blog-empty{pointer-events:none;text-align:center;flex-direction:column;grid-area:1/1/auto/-1;justify-content:center;align-items:center;gap:24px;padding:64px 0;display:flex}.nw-blog-empty-art{width:200px;height:auto}.nw-blog-empty-text{font-family:var(--font-inter), system-ui, sans-serif;font-size:var(--text-body);line-height:var(--lh-body);color:var(--text-2);margin:0}.nw-blog-empty[hidden]{display:none}.nw-blog-cols{grid-template-columns:auto minmax(0,1fr);column-gap:48px;display:grid}.nw-blog-rail{grid-area:1/1;width:192px;padding-top:32px}.nw-blog-grid{grid-area:1/2;grid-template-columns:repeat(auto-fill,minmax(max(280px,33.3333% - 16px),1fr));gap:24px;margin-top:32px;display:grid}@media (max-width:940px){.nw-blog-cols{grid-template-columns:minmax(0,1fr);margin-top:24px}.nw-blog-rail{width:auto;padding-top:0}.nw-blog-grid{grid-area:2/1;margin-top:0}.nw-blog-empty{grid-row:2}}.nw-filter{top:calc(var(--nav-h) + 32px);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;position:sticky}.nw-filter-menu{flex-direction:column;align-items:flex-start;gap:8px;padding-left:8px;font-size:14px;display:flex}.nw-check{color:var(--text-2);cursor:pointer;align-items:flex-start;gap:8px;margin:0;font-weight:400;line-height:24px;display:flex}.nw-check input{width:16px;height:16px;accent-color:var(--blue);cursor:pointer;flex:none;margin:4px 0 0}.nw-filter-clear{height:var(--btn-h);border-radius:var(--btn-r);font:500 15px / 1 var(--font-inter), system-ui, sans-serif;color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;margin:8px 0 0 -16px;padding:0 16px;transition:background-color .15s;display:inline-flex}.nw-filter-clear:hover{background:#11162c0f}.nw-filter-clear:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.nw-filter:not(:has(input:checked)) .nw-filter-clear{display:none}@media (max-width:940px){.nw-filter{position:relative;top:0}.nw-filter-menu{border:1px solid var(--line);border-radius:var(--panel-r);transform-origin:50% 0;background:#fff;margin:0 0 24px;padding:24px;display:none}.nw-filter-menu.is-open{display:flex}}@media (max-width:600px){.nw-filter-menu{padding:16px}}@media (prefers-reduced-motion:reduce){.nw-filter-clear,.nw-search-input,.nw-search-btn,.nw-filter-btn{transition:none}}