.spoken .blog-controls{flex-direction:column;gap:16px;max-width:720px;margin-bottom:22px;display:flex}.spoken .blog-search{position:relative}.spoken .blog-search svg{width:17px;height:17px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.spoken .blog-search input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border-strong);color:var(--text);background:#fff;border-radius:10px;padding:12px 14px 12px 40px;font-size:15px}.spoken .blog-search input::placeholder{color:var(--text-3)}.spoken .blog-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.spoken .blog-cats{flex-wrap:wrap;gap:8px;display:flex}.spoken .blog-cat{font:inherit;cursor:pointer;border:1px solid var(--border-strong);color:var(--text-2);background:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;transition:all .15s}.spoken .blog-cat:hover{border-color:var(--text-3);color:var(--text)}.spoken .blog-cat[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.spoken .blog-cat .n{opacity:.6;font-variant-numeric:tabular-nums;margin-left:6px}.spoken .blog-count{color:var(--text-3);margin:0 0 16px;font-size:13px}.spoken .blog-empty{color:var(--text-2);max-width:720px}.spoken .blog-empty button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}